🐛 Add gitlab logo and fix displaying of logos in connection and event…

… table
panoratech · May 10, 2024 · 96d022b · 96d022b
1 parent e144944
commit 96d022b
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 15 deletions.
diff --git a/apps/client-ts/src/components/Connection/columns.tsx b/apps/client-ts/src/components/Connection/columns.tsx
@@ -10,6 +10,7 @@ import { DataTableColumnHeader } from "./../shared/data-table-column-header"
 import React,{ useState } from "react"
 import { ClipboardIcon } from '@radix-ui/react-icons'
 import { toast } from "sonner"
+import { getLogoURL } from "@panora/shared"
 
 
 function truncateMiddle(str: string, maxLength: number) {
@@ -112,13 +113,7 @@ export const columns: ColumnDef<Connection>[] = [
       return (
         <div className="flex space-x-2">
           <Badge variant={"outline"} className="p-1 pr-2">
-              <img src={
-                provider == "hubspot" ?
-                `providers/crm/${provider}.jpg` : 
-                provider == "zoho" ? 
-                `providers/crm/${provider}.webp`
-                : `providers/crm/${provider}.png`
-                } className="w-5 h-5 rounded-sm mr-2" 
+              <img src={getLogoURL(provider)} className="w-5 h-5 rounded-sm mr-2" 
               />
               {provider}
           </Badge>

diff --git a/apps/client-ts/src/components/Events/columns.tsx b/apps/client-ts/src/components/Events/columns.tsx
@@ -7,6 +7,7 @@ import { Checkbox } from "@/components/ui/checkbox"
 
 import { DataTableColumnHeader } from "../shared/data-table-column-header"
 import { Event } from "./data/schema"
+import { getLogoURL } from "@panora/shared"
 
 export const columns: ColumnDef<Event>[] = [
   {
@@ -140,13 +141,7 @@ export const columns: ColumnDef<Event>[] = [
         <div className="flex w-[100px] items-center">
           {row.getValue("integration") ? 
             <Badge variant={"outline"} className="p-1 pr-2">
-              <img src={
-                provider == "hubspot" ?
-                `providers/crm/${provider}.jpg` : 
-                provider == "zoho" ? 
-                `providers/crm/${provider}.webp`
-                : `providers/crm/${provider}.png`
-                } className="w-5 h-5 rounded-sm mr-2" 
+              <img src={getLogoURL(provider)} className="w-5 h-5 rounded-sm mr-2" 
               />
               {provider}
             </Badge>

diff --git a/packages/shared/src/utils.ts b/packages/shared/src/utils.ts
@@ -397,7 +397,7 @@ export const providersConfig: ProvidersConfig = {
         apiUrl: 'https://gitlab.com/api/v4',
         authBaseUrl: 'https://gitlab.com/oauth/authorize',
       },
-      logoPath: '',
+      logoPath: 'https://asset.brandfetch.io/idw382nG0m/idVn6myaqy.png',
       description: 'Sync & Create accounts, tickets, comments, attachments, contacts, tags, teams and users',
       active: true,
       authStrategy: AuthStrategy.oauth2