fix: add employee button (#136)

Tivix · Jul 31, 2024 · 57a5dfa · 57a5dfa
1 parent 4c3de63
commit 57a5dfa
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/frontend/src/components/pages/People/People.tsx b/frontend/src/components/pages/People/People.tsx
@@ -12,6 +12,7 @@ import { Button } from '@app/components/common/Button';
 import { Listbox } from '@app/components/common/Listbox';
 import { PeopleTable } from './Modules/PeopleTable';
 import { Tabs } from '@app/components/common/Tabs';
+import { PlusIcon } from '@app/static/icons/PlusIcon';
 
 export const People = () => {
   const { tab, handleChangeTab, tabsData, filteredPeople, form, handleClearBand } = usePeople();
@@ -22,7 +23,10 @@ export const People = () => {
         <div className="flex items-center justify-between">
           <Breadcrumbs breadcrumbs={[{ label: 'People', href: '/people', current: true }]} />
           <Button>
-            <Link href={routes.people.addNew.personalDetails}>+ Employee</Link>
+            <Link href={routes.people.addNew.personalDetails} className="flex items-center text-sm">
+              <PlusIcon className="mr-2" />
+              <div>Employee</div>
+            </Link>
           </Button>
         </div>
 

diff --git a/frontend/src/static/icons/PlusIcon.tsx b/frontend/src/static/icons/PlusIcon.tsx
@@ -0,0 +1,11 @@
+export const PlusIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
+  <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="M9 2.8125V9M9 9V15.1875M9 9H2.8125M9 9H15.1875"
+      stroke="white"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);