Will-Frontend (#78)

Author: RafaelCenzano

package-lock.json

@@ -22,7 +22,6 @@
     "react": "^18.3.1",
     "react-cookie": "^7.2.0",
     "react-dom": "^18.3.1",
-    "react-helmet-async": "^2.0.5",
     "react-hook-form": "^7.53.0",
     "react-icons": "^5.3.0",
     "react-router": "^6.26.2",
@@ -60,15 +59,14 @@
     "@eslint/js": "^9.8.0",
     "@svgr/webpack": "^6.2.1",
     "daisyui": "^4.12.14",
-    "postcss": "^8.4.47",
-    "@eslint/js": "^9.8.0",
     "eslint-config-react-app": "^7.0.1",
     "eslint-define-config": "^2.1.0",
     "eslint-plugin-react": "^7.37.2",
     "globals": "^15.9.0",
     "postcss": "^8.4.47",
+    "react-helmet-async": "^2.0.5",
     "tailwindcss": "^3.4.3",
-    "typescript": "^5.5.4",
+    "typescript": "^4.9.5",
     "typescript-eslint": "^8.0.0"
   },
   "overrides": {

package.json

@@ -1,6 +1,6 @@
 import React from "react";
 import { Routes, Route } from "react-router-dom";
-import "./App.css";
+import "./style/App.css";
 import Home from "./shared/pages/Home.tsx";
 import PageNotFound from "./shared/pages/404.tsx";
 import MainNavigation from "./shared/components/Navigation/MainNavigation.tsx";
@@ -26,7 +26,7 @@ function App() {
     <HelmetProvider>
       <section>
         <MainNavigation authenticated={authenticated} />
-        <main className=" container-xl ">
+        <main className="container-xl p-8">
           <Routes>
             <Route path="/" element={<Home />} />
             <Route path="/health" element={<p>App is Healthy</p>} />

src/App.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
-import "./index.css";
+import "./style/index.css";
+import "./style/general.css";
 
 import App from "./App.tsx";
 import reportWebVitals from "./reportWebVitals.js";

src/index.tsx

@@ -36,8 +36,8 @@ export default function MainNavigation(authenticated) {
               </div>
               <div className="mainnav-desc2 sm:items-stretch sm:justify-start">
                 <div className="mainnav-title-link">
-                  <Link to="/" className="no-underline text-blue-700">
-                    Labconnect
+                  <Link to="/" className="blue-link hover:text-blue-900 focus:text-blue-900">
+                    LabConnect
                   </Link>
                 </div>
                 <div className="hidden sm:ml-6 sm:block">