@@ -99,9 +99,19 @@ export const ManageModal: FC<AddEditModalProps> = (props) => {
9999
100100 const currentIntegration = integrations . find ( ( p ) => p . id === current ) ! ;
101101
102- return `${ currentIntegration . name } ${ capitalize (
103- currentIntegration . identifier . split ( '-' ) . shift ( )
104- ) } )`;
102+ return (
103+ < div className = "flex items-center gap-[10px]" >
104+ < div className = "relative" >
105+ < img
106+ src = { `/icons/platforms/${ currentIntegration . identifier } }
107+ className = "w-[20px] h-[20px] rounded-[4px]"
108+ alt = { currentIntegration . identifier }
109+ />
110+ < SettingsIcon size = { 15 } className = "text-white absolute -end-[5px] -bottom-[5px]" />
111+ </ div >
112+ < div > { currentIntegration . name } Settings</ div >
113+ </ div >
114+ ) ;
105115 } , [ current ] ) ;
106116
107117 const changeCustomer = useCallback (
@@ -341,7 +351,9 @@ export const ManageModal: FC<AddEditModalProps> = (props) => {
341351 Create Post
342352 </ div >
343353 < div className = "flex-1 flex flex-col gap-[16px]" >
344- < div className = { clsx ( "flex-1 relative" , showSettings && 'hidden' ) } >
354+ < div
355+ className = { clsx ( 'flex-1 relative' , showSettings && 'hidden' ) }
356+ >
345357 < div
346358 id = "social-content"
347359 className = "gap-[32px] flex flex-col pr-[8px] pt-[20px] pl-[20px] absolute top-0 left-0 w-full h-full overflow-x-hidden overflow-y-scroll scrollbar scrollbar-thumb-newColColor scrollbar-track-newBgColorInner"
@@ -390,11 +402,8 @@ export const ManageModal: FC<AddEditModalProps> = (props) => {
390402 showSettings ? '!rounded-b-none' : ''
391403 ) }
392404 >
393- < div className = "flex" >
394- < SettingsIcon className = "text-white" />
395- </ div >
396405 < div className = "flex-1 text-[14px] font-[600] text-white" >
397- { currentIntegrationText } Settings
406+ { currentIntegrationText }
398407 </ div >
399408 < div >
400409 < ChevronDownIcon
@@ -409,7 +418,10 @@ export const ManageModal: FC<AddEditModalProps> = (props) => {
409418 'text-[14px] text-textColor font-[500] relative'
410419 ) }
411420 >
412- < div id = "social-settings" className = "px-[12px] pb-[12px] absolute left-0 top-0 w-full h-full overflow-x-hidden overflow-y-auto scrollbar scrollbar-thumb-newBgColorInner scrollbar-track-newColColor" />
421+ < div
422+ id = "social-settings"
423+ className = "px-[12px] pb-[12px] absolute left-0 top-0 w-full h-full overflow-x-hidden overflow-y-auto scrollbar scrollbar-thumb-newBgColorInner scrollbar-track-newColColor"
424+ />
413425 </ div >
414426 < style >
415427 { `#social-settings [data-id="${ current } }
0 commit comments