Renamed Main to Transactions, because it does make more sense indeed

This commit is contained in:
Arnaud Fauconnet 2022-10-21 10:38:46 +02:00
parent d0d757b5cb
commit 57ae7f5c3b
5 changed files with 47 additions and 47 deletions

View File

@ -1,6 +1,6 @@
import { TableContainer, Paper, Table, TableHead, TableRow, TableCell, TableBody } from "@mui/material"; import { TableContainer, Paper, Table, TableHead, TableRow, TableCell, TableBody } from "@mui/material";
import React, { useEffect } from "react"; import React, { useEffect } from "react";
import "@scss/main.scss"; import "@scss/transactions.scss";
function createData( function createData(
d: string, d: string,
@ -26,7 +26,7 @@ const rows = [
]; ];
export default function Main() { export default function Transactions() {
return ( return (
<div id="tablePage"> <div id="tablePage">
<header> <header>

View File

@ -2,8 +2,8 @@ import Login from "@components/Login";
import ForgotPassword from "@components/ForgotPassword"; import ForgotPassword from "@components/ForgotPassword";
import Reset from "@components/Reset"; import Reset from "@components/Reset";
import ErrorPage from "@components/ErrorPage"; import ErrorPage from "@components/ErrorPage";
import Main from "@components/Main"; import Transactions from "@components/Transactions";
import MetadataSetter from "@components/lib/MetadataSetter"; import MetadataSetter from "@components/lib/MetadataSetter";
import AuthComponent from "@components/lib/AuthComponent"; import AuthComponent from "@components/lib/AuthComponent";
export { Login, ForgotPassword, Reset, ErrorPage, Main, MetadataSetter, AuthComponent }; export { Login, ForgotPassword, Reset, ErrorPage, Transactions, MetadataSetter, AuthComponent };

View File

@ -1,15 +1,15 @@
import * as React from "react"; import * as React from "react";
import { createRoot } from "react-dom/client"; import { createRoot } from "react-dom/client";
import { createBrowserRouter, Navigate, RouterProvider } from "react-router-dom"; 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([ const router = createBrowserRouter([
{ {
path: "/", path: "/",
element: element:
<MetadataSetter title="Main" bodyClass="main" needsAuth> <MetadataSetter title="Transactions" bodyClass="transactions" needsAuth>
<Main /> <Transactions />
</MetadataSetter>, </MetadataSetter>,
errorElement: errorElement:
<MetadataSetter title="Error" bodyClass="error"> <MetadataSetter title="Error" bodyClass="error">

View File

@ -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;
}
}

View File

@ -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;
}
}
}