diff --git a/src/renderer/components/blocks/layout/LeftNav.tsx b/src/renderer/components/blocks/layout/LeftNav.tsx index 8cc500f1..476b7533 100644 --- a/src/renderer/components/blocks/layout/LeftNav.tsx +++ b/src/renderer/components/blocks/layout/LeftNav.tsx @@ -2,8 +2,9 @@ import { useCallback, useState } from 'react'; import { useLocation, useNavigate } from 'react-router-dom'; import { IoMenu } from 'react-icons/io5'; import { FormattedMessage } from 'react-intl'; -import { Sidebar } from '@/components'; +import {Sidebar, WarehouseIcon} from '@/components'; import ROUTES from '@/routes/route-constants'; +import {Card} from "@/components"; const LeftNav = () => { const navigate = useNavigate(); @@ -66,6 +67,14 @@ const LeftNav = () => { {/* Original Desktop LeftNav Layout */}
+ +
+ +
+ +
+
+
= ({ width, height }: WarehouseIconProps) => { + return ( + + + + + + ); +}; + +export { WarehouseIcon }; diff --git a/src/renderer/components/icons/index.ts b/src/renderer/components/icons/index.ts index 6272fd34..df30efa8 100644 --- a/src/renderer/components/icons/index.ts +++ b/src/renderer/components/icons/index.ts @@ -1 +1,2 @@ -export * from './AppLogo'; \ No newline at end of file +export * from './AppLogo'; +export * from './WarehouseIcon'; \ No newline at end of file diff --git a/src/renderer/components/proxy/Card.tsx b/src/renderer/components/proxy/Card.tsx new file mode 100644 index 00000000..a72cb919 --- /dev/null +++ b/src/renderer/components/proxy/Card.tsx @@ -0,0 +1,9 @@ +import {Card as FlowbiteCard, CardProps} from 'flowbite-react'; + +function Card({ children, ...props }: CardProps) { + return ( + {children} + ); +} + +export {Card}; \ No newline at end of file diff --git a/src/renderer/components/proxy/Sidebar.tsx b/src/renderer/components/proxy/Sidebar.tsx index eb273e6a..03566e96 100644 --- a/src/renderer/components/proxy/Sidebar.tsx +++ b/src/renderer/components/proxy/Sidebar.tsx @@ -3,7 +3,7 @@ import { SidebarProps, SidebarItemProps, SidebarItemsProps, - SidebarItemGroupProps + SidebarItemGroupProps, } from 'flowbite-react'; function Sidebar({ children, ...props }: SidebarProps) { @@ -26,7 +26,7 @@ function ItemGroup({children, ...props}: SidebarItemGroupProps) { function Item({children, ...props}: SidebarItemProps) { return ( - {children} + {children} ); } diff --git a/src/renderer/components/proxy/index.ts b/src/renderer/components/proxy/index.ts index d4154123..7da552aa 100644 --- a/src/renderer/components/proxy/index.ts +++ b/src/renderer/components/proxy/index.ts @@ -4,4 +4,5 @@ export * from './Dropdown'; export * from './TextInput'; export * from './Spinner'; export * from './Sidebar'; -export * from './Tooltip'; \ No newline at end of file +export * from './Tooltip'; +export * from './Card'; \ No newline at end of file diff --git a/src/renderer/translations/tokens/en-US.json b/src/renderer/translations/tokens/en-US.json index eeaf1caf..ffb6dddc 100644 --- a/src/renderer/translations/tokens/en-US.json +++ b/src/renderer/translations/tokens/en-US.json @@ -39,5 +39,6 @@ "validation-body": "Validation Body", "glossary": "Glossary", "term": "Term", - "description": "Description" + "description": "Description", + "warehouse": "Warehouse" }