fix icon for outlook

Author: icecrasher321

apps/sim/app/api/credential-sets/invitations/route.ts

@@ -24,6 +24,7 @@ export async function GET() {
         createdAt: credentialSetInvitation.createdAt,
         credentialSetId: credentialSet.id,
         credentialSetName: credentialSet.name,
+        providerId: credentialSet.providerId,
         organizationId: organization.id,
         organizationName: organization.name,
         invitedByName: user.name,

apps/sim/app/api/credential-sets/memberships/route.ts

@@ -24,6 +24,7 @@ export async function GET() {
         credentialSetId: credentialSet.id,
         credentialSetName: credentialSet.name,
         credentialSetDescription: credentialSet.description,
+        providerId: credentialSet.providerId,
         organizationId: organization.id,
         organizationName: organization.name,
       })

apps/sim/app/api/workflows/[id]/state/route.ts

@@ -333,7 +333,7 @@ function buildWebhookMetadata(block: BlockState): WebhookMetadata | null {
   // Handle credential sets vs individual credentials
   const isCredentialSet = triggerCredentials?.startsWith(CREDENTIAL_SET_PREFIX)
   const credentialSetId = isCredentialSet
-    ? triggerCredentials.slice(CREDENTIAL_SET_PREFIX.length)
+    ? triggerCredentials!.slice(CREDENTIAL_SET_PREFIX.length)
     : undefined
   const credentialId = isCredentialSet ? undefined : triggerCredentials
 

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/settings-modal/components/credential-sets/credential-sets.tsx

@@ -505,7 +505,7 @@ export function CredentialSets() {
                   <div key={invitation.invitationId} className='flex items-center justify-between'>
                     <div className='flex items-center gap-[12px]'>
                       <div className='flex h-9 w-9 items-center justify-center rounded-[6px] bg-[var(--surface-5)]'>
-                        <GmailIcon className='h-4 w-4' />
+                        {getProviderIcon(invitation.providerId)}
                       </div>
                       <div className='flex flex-col'>
                         <span className='font-medium text-[14px]'>
@@ -541,7 +541,7 @@ export function CredentialSets() {
                   <div key={membership.membershipId} className='flex items-center justify-between'>
                     <div className='flex items-center gap-[12px]'>
                       <div className='flex h-9 w-9 items-center justify-center rounded-[6px] bg-[var(--surface-5)]'>
-                        <GmailIcon className='h-4 w-4' />
+                        {getProviderIcon(membership.providerId)}
                       </div>
                       <div className='flex flex-col'>
                         <span className='font-medium text-[14px]'>

apps/sim/hooks/queries/credential-sets.ts

@@ -21,6 +21,7 @@ export interface CredentialSetMembership {
   credentialSetId: string
   credentialSetName: string
   credentialSetDescription: string | null
+  providerId: string | null
   organizationId: string
   organizationName: string
 }
@@ -33,6 +34,7 @@ export interface CredentialSetInvitation {
   createdAt: string
   credentialSetId: string
   credentialSetName: string
+  providerId: string | null
   organizationId: string
   organizationName: string
   invitedByName: string | null

apps/sim/hooks/use-webhook-management.ts

@@ -240,7 +240,7 @@ export function useWebhookManagement({
 
     const isCredentialSet = selectedCredentialId?.startsWith(CREDENTIAL_SET_PREFIX)
     const credentialSetId = isCredentialSet
-      ? selectedCredentialId.slice(CREDENTIAL_SET_PREFIX.length)
+      ? selectedCredentialId!.slice(CREDENTIAL_SET_PREFIX.length)
       : undefined
     const credentialId = isCredentialSet ? undefined : selectedCredentialId
 
@@ -306,7 +306,7 @@ export function useWebhookManagement({
 
     const isCredentialSet = selectedCredentialId?.startsWith(CREDENTIAL_SET_PREFIX)
     const credentialSetId = isCredentialSet
-      ? selectedCredentialId.slice(CREDENTIAL_SET_PREFIX.length)
+      ? selectedCredentialId!.slice(CREDENTIAL_SET_PREFIX.length)
       : undefined
     const credentialId = isCredentialSet ? undefined : selectedCredentialId