From 57ae7f5c3bf78b3b8146c7c44031d1011ee77da9 Mon Sep 17 00:00:00 2001
From: Arnaud Fauconnet <faucoa@usi.ch>
Date: Fri, 21 Oct 2022 10:38:46 +0200
Subject: [PATCH] Renamed Main to Transactions, because it does make more sense
 indeed

---
 src/components/{Main.tsx => Transactions.tsx} |  4 +-
 src/components/index.tsx                      |  4 +-
 src/index.tsx                                 |  6 +--
 src/scss/main.scss                            | 40 -------------------
 src/scss/transactions.scss                    | 40 +++++++++++++++++++
 5 files changed, 47 insertions(+), 47 deletions(-)
 rename src/components/{Main.tsx => Transactions.tsx} (97%)
 delete mode 100644 src/scss/main.scss
 create mode 100644 src/scss/transactions.scss

diff --git a/src/components/Main.tsx b/src/components/Transactions.tsx
similarity index 97%
rename from src/components/Main.tsx
rename to src/components/Transactions.tsx
index 4533b09..42dac63 100644
--- a/src/components/Main.tsx
+++ b/src/components/Transactions.tsx
@@ -1,6 +1,6 @@
 import { TableContainer, Paper, Table, TableHead, TableRow, TableCell, TableBody } from "@mui/material";
 import React, { useEffect } from "react";
-import "@scss/main.scss";
+import "@scss/transactions.scss";
 
 function createData(
     d: string,
@@ -26,7 +26,7 @@ const rows = [
 ];
 
 
-export default function Main() {
+export default function Transactions() {
     return (
         <div id="tablePage">
             <header>
diff --git a/src/components/index.tsx b/src/components/index.tsx
index af8186a..ac0b0f8 100644
--- a/src/components/index.tsx
+++ b/src/components/index.tsx
@@ -2,8 +2,8 @@ import Login from "@components/Login";
 import ForgotPassword from "@components/ForgotPassword";
 import Reset from "@components/Reset";
 import ErrorPage from "@components/ErrorPage";
-import Main from "@components/Main";
+import Transactions from "@components/Transactions";
 import MetadataSetter from "@components/lib/MetadataSetter";
 import AuthComponent from "@components/lib/AuthComponent";
 
-export { Login, ForgotPassword, Reset, ErrorPage, Main, MetadataSetter, AuthComponent };
\ No newline at end of file
+export { Login, ForgotPassword, Reset, ErrorPage, Transactions, MetadataSetter, AuthComponent };
\ No newline at end of file
diff --git a/src/index.tsx b/src/index.tsx
index 395fca4..4c12442 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,15 +1,15 @@
 import * as React from "react";
 import { createRoot } from "react-dom/client";
 import { createBrowserRouter, Navigate, RouterProvider } from "react-router-dom";
-import { MetadataSetter, ErrorPage, Login, ForgotPassword, Reset, Main, AuthComponent } from "@components";
+import { MetadataSetter, ErrorPage, Login, ForgotPassword, Reset, Transactions, AuthComponent } from "@components";
 
 
 const router = createBrowserRouter([
   {
     path: "/",
     element:
-        <MetadataSetter title="Main" bodyClass="main" needsAuth>
-          <Main />
+        <MetadataSetter title="Transactions" bodyClass="transactions" needsAuth>
+          <Transactions />
         </MetadataSetter>,
     errorElement: 
     <MetadataSetter title="Error" bodyClass="error">
diff --git a/src/scss/main.scss b/src/scss/main.scss
deleted file mode 100644
index 7f64b85..0000000
--- a/src/scss/main.scss
+++ /dev/null
@@ -1,40 +0,0 @@
-@use "variables.module.scss";
-@use "style.scss";
-
-div#tablePage {
-    color: black;
-    display: grid;
-    grid-template-columns: 1fr 6fr;
-    grid-template-rows: 1fr 10fr 1fr;
-
-    width: 100vw;
-    height: 100vh;
-
-    header,
-    footer {
-        grid-column: 1 / span 2;
-    }
-
-    header {
-        grid-row: 1;
-        background: lightcyan;
-    }
-
-    footer {
-        grid-row: 3;
-        background: lightcoral;
-    }
-
-    main {
-        background-color: lightyellow;
-        grid-row: 2;
-        grid-column: 2;
-    }
-
-
-    aside {
-        grid-column: 1;
-        grid-row: 2;
-        background: lightgreen;
-    }
-}
\ No newline at end of file
diff --git a/src/scss/transactions.scss b/src/scss/transactions.scss
new file mode 100644
index 0000000..93e796c
--- /dev/null
+++ b/src/scss/transactions.scss
@@ -0,0 +1,40 @@
+@use "variables.module.scss";
+@use "style.scss";
+
+body.transactions {
+    div#tablePage {
+        color: black;
+        display: grid;
+        grid-template-columns: 1fr 6fr;
+        grid-template-rows: 1fr 10fr 1fr;
+
+        width: 100vw;
+        height: 100vh;
+
+        header,
+        footer {
+            grid-column: 1 / span 2;
+        }
+
+        header {
+            grid-row: 1;
+            background: lightcyan;
+        }
+
+        footer {
+            grid-row: 3;
+            background: lightcoral;
+        }
+
+        main {
+            grid-row: 2;
+            grid-column: 2;
+        }
+
+        aside {
+            grid-column: 1;
+            grid-row: 2;
+            background: lightgreen;
+        }
+    }
+}
\ No newline at end of file