refactor: Move layout back to storage page

This is done so it doesn't apply the storage header to all subpages as well
hackerspace-ntnu · Aug 29, 2024 · 400f698 · 400f698
1 parent 9974673
commit 400f698
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 40 deletions.
diff --git a/src/app/[locale]/(default)/storage/layout.tsx b/src/app/[locale]/(default)/storage/layout.tsx
diff --git a/src/app/[locale]/(default)/storage/page.tsx b/src/app/[locale]/(default)/storage/page.tsx
@@ -24,6 +24,14 @@ import {
   SelectValue,
 } from '@/components/ui/Select';
 
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from '@/components/ui/Tooltip';
+import { ShoppingCart } from 'lucide-react';
+
 export async function generateMetadata({
   params: { locale },
 }: {
@@ -84,6 +92,21 @@ export default function StoragePage({
 
   return (
     <>
+      <div className='relative'>
+        <h1 className='my-4 md:text-center'>{t('title')}</h1>
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <Button className='absolute right-0 bottom-0 md:right-5'>
+                <ShoppingCart />
+              </Button>
+            </TooltipTrigger>
+            <TooltipContent>
+              <p>{t('tooltips.viewShoppingCart')}</p>
+            </TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
+      </div>
       <div className='my-4 flex flex-col justify-center gap-2 lg:flex-row'>
         <SearchBar className='lg:max-w-2xl' />
         <Select>