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"
}