question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Issue with icon when using custom provider

See original GitHub issue

I’m trying to build a custom provider. Have ironed out a lot of shit (mainly because the provider is not available in purest, so ended up plugging in passport.js that we already use) looking at how you guys implemented the Google Drive provider.

My plugin icon won’t show. I have the SVG code set via same way as in Google Drive provider. But there is problem rendering it. I’m sure this not a bug and something to do with my project compilation. Sorry, new to the nodejs world and JSX.

image

JSX doesn’t seem to be compiling (I don’t know how else to say this)?

NOTE: I haven’t developed this custom provider in isolation and it currently sits pretty within my project code.

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:7 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
arturicommented, May 21, 2019

Any suggestion on how I can go about it? Would I have 2 separate projects (one for client and another for companion)?

Yeah, you’d need a separate plugin for Uppy Client (you can use excising Google Drive or Instagram as an example, as you are already doing) and a module for Companion, as described in docs here: https://uppy.io/docs/companion/#Adding-custom-providers.

0reactions
kvzcommented, Jun 3, 2019

That would be amazing @serverdevil, looking forward! And thank you for sharing how you worked around this problem, I’m sure it’ll help other people searching and stumbling upon this thread!

Read more comments on GitHub >

github_iconTop Results From Across the Web

make possible to add logo icon on ExternalProviders #1127
I try to modified the default login page and i want to add custom logo icon on the external login providers links.
Read more >
Iconify Icon Web Component Function: addAPIProvider
API providers allow using icons from multiple API in the same document. For example, you can use default Iconify icons and custom icons...
Read more >
Customization - Vime.js
Checkout the provider notes for any provider specific issues or features. ... You can load the default Vime icons by using the Icons...
Read more >
Add a custom icon for OAuth provider based on HTTP URL
It result as a better look and feel on the login page where custom auth provider have an icon like the otheres instead...
Read more >
How To Use Custom SVG Icons in Angular Material
One such component is the <mat-icon> component. There are a wide range of ready-made Material icons. But what if we want to display...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found