patch:fix Header from agents + adjust supportSpotter layout (#99)

customeros · Feb 28, 2025 · cef32d2 · cef32d2
1 parent 3c5d139
commit cef32d2
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 20 deletions.
diff --git a/...agent/components/AgentConfig/Capabilities/DetectSupportWebVisit/DetectSupportWebVisit.tsx b/...agent/components/AgentConfig/Capabilities/DetectSupportWebVisit/DetectSupportWebVisit.tsx
@@ -49,26 +49,28 @@ export const DetectSupportWebVisit = observer(() => {
   return (
     <>
       <div className='flex flex-col gap-4 px-4 py-3'>
-        <p className='font-semibold text-sm'>
-          {agent.getCapabilityName(CapabilityType.DetectSupportWebvisit)}
-        </p>
+        <div>
+          <p className='font-semibold text-sm'>
+            {agent.getCapabilityName(CapabilityType.DetectSupportWebvisit)}
+          </p>
 
-        {usecase.listenerErrors && (
-          <div className='bg-error-50 text-error-700 px-2 py-1 rounded-[4px] mb-4'>
-            <Icon stroke='none' className='mr-2' name='dot-single' />
-            <span className='text-sm'>{usecase.listenerErrors}</span>
-          </div>
-        )}
-        <p className='text-sm'>
-          This agent’s goal relies on the results from the{' '}
-          <span
-            onClick={handleClick}
-            className='font-semibold underline cursor-pointer'
-          >
-            Website visitor identifier
-          </span>{' '}
-          agent
-        </p>
+          {usecase.listenerErrors && (
+            <div className='bg-error-50 text-error-700 px-2 py-1 rounded-[4px] mb-4'>
+              <Icon stroke='none' className='mr-2' name='dot-single' />
+              <span className='text-sm'>{usecase.listenerErrors}</span>
+            </div>
+          )}
+          <p className='text-sm'>
+            This agent’s goal relies on the results from the{' '}
+            <span
+              onClick={handleClick}
+              className='font-semibold underline cursor-pointer'
+            >
+              Website visitor identifier
+            </span>{' '}
+            agent
+          </p>
+        </div>
         <div>
           <p className='font-semibold text-sm'>Pages to track</p>
           <p className='text-sm my-1'>

diff --git a/src/routes/agent/components/Header/Header.tsx b/src/routes/agent/components/Header/Header.tsx
@@ -65,7 +65,7 @@ export const Header = observer(() => {
   };
 
   return (
-    <div className='w-full border-b border-b-grayModern-200 px-3 py-[6px] flex justify-between items-center'>
+    <div className='w-full border-b border-b-grayModern-200 px-3 py-[5px] flex justify-between items-center'>
       <div className='flex items-center gap-1'>
         <Link
           to='/agents'