Merge pull request #237 from kieronjmckenna/main

Linkedin OIDC Logo and title in react auth

Author: J0

packages/react/src/components/Auth/Icons.tsx

@@ -22,6 +22,7 @@ export const Icons = ({ provider }: IconsProps) => {
   if (provider == 'azure') return azure()
   if (provider == 'keycloak') return keycloak()
   if (provider == 'linkedin') return linkedin()
+  if (provider == 'linkedin_oidc') return linkedin()
   if (provider == 'notion') return notion()
   if (provider == 'slack') return slack()
   if (provider == 'spotify') return spotify()

packages/react/src/components/Auth/interfaces/SocialAuth.tsx

@@ -58,6 +58,13 @@ function SocialAuth({
     setLoading(false)
   }
 
+  function handleProviderNameEdgeCases(provider: string) {
+    if (provider === 'linkedin_oidc') {
+      return 'LinkedIn'
+    }
+    return provider
+  }
+
   function capitalize(word: string) {
     const lower = word.toLowerCase()
     return word.charAt(0).toUpperCase() + lower.slice(1)
@@ -87,7 +94,9 @@ function SocialAuth({
                       template(
                         i18n?.[currentView]?.social_provider_text as string,
                         {
-                          provider: capitalize(provider),
+                          provider: capitalize(
+                            handleProviderNameEdgeCases(provider)
+                          ),
                         }
                       )}
                   </Button>