feat: Add a back to storage button on the shopping cart page

hackerspace-ntnu · Sep 7, 2024 · bee1c23 · bee1c23
1 parent 5666ae1
commit bee1c23
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 0 deletions.
diff --git a/messages/en.json b/messages/en.json
@@ -83,6 +83,7 @@
       "location": "Location",
       "unitsAvailable": "Units available",
       "tableDescription": "A list of your shopping cart items.",
+      "backToStorage": "Back to storage",
       "cartEmpty": "Your shopping cart is empty."
     }
   }

diff --git a/messages/no.json b/messages/no.json
@@ -83,6 +83,7 @@
       "location": "Plass",
       "unitsAvailable": "Stk tilgjengelig",
       "tableDescription": "En liste over handlekurven din.",
+      "backToStorage": "Tilbake til lageret",
       "cartEmpty": "Handlekurven din er tom."
     }
   }

diff --git a/src/app/[locale]/(default)/storage/shopping-cart/page.tsx b/src/app/[locale]/(default)/storage/shopping-cart/page.tsx
@@ -1,5 +1,8 @@
 import { ShoppingCartTable } from '@/components/storage/ShoppingCartTable';
 import ShoppingCartTableSkeleton from '@/components/storage/ShoppingCartTableSkeleton';
+import { Button } from '@/components/ui/Button';
+import { Link } from '@/lib/navigation';
+import { ArrowLeft } from 'lucide-react';
 import { useTranslations } from 'next-intl';
 import { Suspense } from 'react';
 
@@ -21,6 +24,12 @@ export default function StorageShoppingCartPage() {
       <Suspense fallback={<ShoppingCartTableSkeleton />}>
         <ShoppingCartTable messages={tableMessages} />
       </Suspense>
+      <Link href='/storage'>
+        <Button className='mx-auto flex gap-2'>
+          <ArrowLeft />
+          {t('backToStorage')}
+        </Button>
+      </Link>
     </>
   );
 }