fix: add dotenv and add index

package.json

@@ -15,6 +15,7 @@
     "@reduxjs/toolkit": "^1.9.7",
     "axios": "^1.6.2",
     "bufferutil": "^4.0.8",
+    "dotenv": "^16.3.1",
     "express": "^4.18.2",
     "moment": "^2.29.4",
     "next": "^14.0.3",

src/app/layout.tsx

@@ -5,8 +5,13 @@ import "../../public/fontawesome/css/all.min.css";
 import Wrapper from "@/components/wrapper";
 import "./page.scss";
 import "react-toastify/dist/ReactToastify.css";
+import { Viewport } from "next";
 
 
+export const viewport: Viewport = {
+  themeColor: "#fb560c"
+}
+
 export const metadata = {
   charset: "utf-8",
   title: "TurboBouffe",
@@ -15,12 +20,7 @@ export const metadata = {
     icon: "/favicon.ico",
     apple: "/logo192.png"
   },
-  themeColor: "#fb560c",
-  manifest: "/manifest.json",
-  viewport: {
-    width: "device-width",
-    initialScale: 1
-  }
+  manifest: "/manifest.json"
 };
 
 export default function RootLayout({ children }: {

src/app/page.scss

@@ -67,3 +67,13 @@ body {
     }
   }
 }
+
+:visited {
+  background-color: var(--primary-dark);
+  color: var(--light);
+  text-align: center;
+  height: 100%;
+  margin: 0;
+  font-family: 'Roboto', Arial, Helvetica, sans-serif;
+  user-select: none;
+}

src/app/page.tsx

@@ -1,14 +1,15 @@
-"use client";
-import React from "react";
-import "moment/locale/fr";
-import moment from "moment";
-import { useDispatch } from "react-redux";
-import Navbar from "@/components/navbar";
-import FontAwesome from "react-fontawesome";
-import { logout } from "@/reducers/login";
-import { Action } from "redux";
+'use client';
+import React from 'react';
+import 'moment/locale/fr';
+import moment from 'moment';
+import { useDispatch } from 'react-redux';
+import Navbar from '@/components/navbar';
+import FontAwesome from 'react-fontawesome';
+import { logout } from '@/reducers/login';
+import { Action } from 'redux';
+import Link from 'next/link';
 
-moment.locale("fr");
+moment.locale('fr');
 
 const App = () => {
   const dispatch = useDispatch();
@@ -19,6 +20,38 @@ const App = () => {
           <FontAwesome name="sign-out-alt" /> Déconnexion
         </div>
       </Navbar>
+      <div id="index">
+        <div>
+          <Link href="/sell?except=goodies">
+            <FontAwesome name="hamburger" /> Vente de bouffe
+          </Link>
+        </div>
+        <div>
+          <Link href="/sell?only=goodies">
+            <FontAwesome name="tshirt" /> Vente de goodies
+          </Link>
+        </div>
+        <div>
+          <Link href="/preparation">
+            <FontAwesome name="check" /> Préparation générale
+          </Link>
+        </div>
+        <div>
+          <Link href="/preparation?only=pizzas">
+            <FontAwesome name="pizza-slice" /> Préparation des pizzas
+          </Link>
+        </div>
+        <div>
+          <Link href="/tv">
+            <FontAwesome name="tv" /> TV
+          </Link>
+        </div>
+        <div>
+          <Link href="/items">
+            <FontAwesome name="receipt" /> Gestion des items
+          </Link>
+        </div>
+      </div>
     </>
   );
 };