feat: add header icon

gitify-app · Jul 8, 2024 · 89e4575 · 89e4575
1 parent 24d4cc0
commit 89e4575
Show file tree

Hide file tree

Showing 7 changed files with 176 additions and 131 deletions.
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
@@ -1,12 +1,13 @@
 import { ArrowLeftIcon, type Icon } from '@primer/octicons-react';
-import { type FC, type ReactNode, useContext } from 'react';
+import { type FC, useContext } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { AppContext } from '../context/App';
 import { Size } from '../types';
+import { Legend } from './settings/Legend';
 
 interface IHeader {
-  children: ReactNode;
-  icon?: Icon;
+  icon: Icon;
+  children: string;
   fetchOnBack?: boolean;
 }
 
@@ -36,8 +37,7 @@ export const Header: FC<IHeader> = (props: IHeader) => {
       </button>
 
       <h3 className="text-lg font-semibold flex items-center">
-        <props.icon className="mr-2" />
-        {props.children}
+        <Legend icon={props.icon}>{props.children}</Legend>
       </h3>
     </div>
   );

diff --git a/src/components/__snapshots__/Header.test.tsx.snap b/src/components/__snapshots__/Header.test.tsx.snap
diff --git a/src/routes/__snapshots__/Accounts.test.tsx.snap b/src/routes/__snapshots__/Accounts.test.tsx.snap
diff --git a/src/routes/__snapshots__/Filters.test.tsx.snap b/src/routes/__snapshots__/Filters.test.tsx.snap
diff --git a/src/routes/__snapshots__/LoginWithOAuthApp.test.tsx.snap b/src/routes/__snapshots__/LoginWithOAuthApp.test.tsx.snap
diff --git a/src/routes/__snapshots__/LoginWithPersonalAccessToken.test.tsx.snap b/src/routes/__snapshots__/LoginWithPersonalAccessToken.test.tsx.snap