🐛 Fix

panoratech · Jan 31, 2024 · 720c30c · 720c30c
1 parent 90b28b2
commit 720c30c
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 4 deletions.
diff --git a/...ct/public/assets/crm/freshsales_logo.webp → ...act/public/assets/crm/freshsales_logo.png b/...ct/public/assets/crm/freshsales_logo.webp → ...act/public/assets/crm/freshsales_logo.png
diff --git a/...act/public/assets/crm/pipedrive_logo.jpeg → ...eact/public/assets/crm/pipedrive_logo.png b/...act/public/assets/crm/pipedrive_logo.jpeg → ...eact/public/assets/crm/pipedrive_logo.png
diff --git a/...g/react/public/assets/ticketing/front.png → ...ct/public/assets/ticketing/front_logo.png b/...g/react/public/assets/ticketing/front.png → ...ct/public/assets/ticketing/front_logo.png
diff --git a/apps/embedded-catalog/react/public/assets/ticketing/zendesk_tcg_logo.png b/apps/embedded-catalog/react/public/assets/ticketing/zendesk_tcg_logo.png
diff --git a/apps/embedded-catalog/react/src/App.tsx b/apps/embedded-catalog/react/src/App.tsx
@@ -10,7 +10,7 @@ function App() {
       <QueryClientProvider client={queryClient}>
       <div>
         <h1 className="text-sm">
-          <ProviderCard name={"Hubspot"} projectId={"1"} linkedUserIdOrRemoteUserInfo={"1"}  />
+          <ProviderCard name={"front"} projectId={"1"} linkedUserIdOrRemoteUserInfo={"1"}  />
         </h1>
       </div>
       </QueryClientProvider>

diff --git a/apps/embedded-catalog/react/src/lib/index.tsx b/apps/embedded-catalog/react/src/lib/index.tsx
@@ -1,5 +1,5 @@
 import config from '@/helpers/config';
-import {  getDescription } from '@/helpers/utils';
+import {  findProviderVertical, getDescription } from '@/helpers/utils';
 import useLinkedUserMutation from '@/hooks/mutations/useLinkedUserMutation';
 import useLinkedUser from '@/hooks/queries/useLinkedUserId';
 import useOAuth from '@/hooks/useOAuth';
@@ -23,6 +23,8 @@ const ProviderCard = ({name, projectId, linkedUserIdOrRemoteUserInfo}: ProviderC
   const [originId, setOriginId] = useState("")
   const [loading, setLoading] = useState(false)
 
+  const vertical = findProviderVertical(name.toLowerCase())
+  console.log("vertical "+ vertical)
   const { mutate } = useLinkedUserMutation();
   const {data: linkedUser} = useLinkedUser(originId);
 
@@ -75,9 +77,9 @@ const ProviderCard = ({name, projectId, linkedUserIdOrRemoteUserInfo}: ProviderC
       >
 
           <div className="text-center flex items-center">
-            <img src={`public/assets/crm/${name}_logo.png`} width={"30px"} className="mx-auto mb-4 w-12 h-12 rounded-xl"/>
+            <img src={`public/assets/${vertical!.toLowerCase()}/${name}_logo.png`} width={"30px"} className="mx-auto mb-4 w-12 h-12 rounded-xl"/>
             <a href="#">
-              <h5 className="mb-2 text-2xl font-semibold tracking-tight text-gray-900 dark:text-white pl-4">Integrate with {name}</h5>
+              <h5 className="mb-2 text-2xl font-semibold tracking-tight text-gray-900 dark:text-white">Integrate with {name}</h5>
           </a>
           </div>