move footer to home page

src/app/globals.css

@@ -64,10 +64,6 @@ header {
   background-color: #fff;
 }
 
-footer {
-  z-index: 1000;
-}
-
 .splash-screen {
   position: fixed;
   inset: 0;
@@ -129,10 +125,6 @@ body:has(#app-toolbar) .editor-container [id] {
   scroll-margin-top: calc(56px + 1rem);
 }
 
-body:has(.editor-input)>footer {
-  visibility: hidden;
-}
-
 .editor-container:has(.editor-input) {
   display: flex;
   flex-direction: column;

src/components/Documents.tsx

@@ -190,7 +190,7 @@ const DocumentsGrid: React.FC<{ documents: UserDocument[], user?: User, initiali
   const handlePageChange = (_: any, value: number) => dispatch(actions.setPage(value));
   const pageDocuments = documents.slice((page - 1) * pageSize, page * pageSize);
 
-  return <Grid container spacing={2}>
+  return <Grid container spacing={2} sx={{ mb: 2 }}>
     {showSkeletons && Array.from({ length: 6 }).map((_, i) => <Grid item key={i} xs={12} sm={6} md={4}><DocumentCard /></Grid>)}
     {showEmpty && <Grid item xs={12} sx={{ display: 'flex', flexDirection: "column", alignItems: "center", my: 5, gap: 2 }}>
       <Pageview sx={{ width: 64, height: 64, fontSize: 64 }} />

src/components/Layout/Footer.tsx → src/components/Footer.tsx

@@ -1,5 +1,5 @@
 import { Cached } from '@mui/icons-material';
-import packageJson from '../../../package.json';
+import packageJson from '../../package.json';
 import { Box, Typography, Link, IconButton } from '@mui/material';
 import RouterLink from "next/link";
 
@@ -8,7 +8,7 @@ const Footer: React.FC = () => {
   const commitHash: string | undefined = process.env.NEXT_PUBLIC_VERCEL_GIT_COMMIT_SHA;
   const href = `https://github.com/ibastawisi/matheditor${commitHash ? '/commit/' + commitHash.substring(0, 7) : '/'}`;
   return (
-    <Box component="footer" sx={{ display: "flex", displayPrint: "none", mt: "auto", p: 1, gap: 1 }}>
+    <Box component="footer" sx={{ display: "flex", displayPrint: "none", mt: "auto", gap: 1, zIndex: 1000 }}>
       <Typography variant="button" component={Link} href={href} target="_blank" sx={{ textDecoration: "none", display: "flex", alignItems: "center" }}>
         v{version} {commitHash?.substring(0, 7)}
       </Typography>

src/components/Home.tsx

@@ -5,6 +5,7 @@ import useLocalStorage from "../hooks/useLocalStorage";
 import Documents from "./Documents";
 import { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle } from '@mui/material';
 import { UserDocument } from '@/types';
+import Footer from './Footer';
 
 
 const Home: React.FC<{ staticDocuments: UserDocument[] }> = ({ staticDocuments }) => {
@@ -34,6 +35,7 @@ const Home: React.FC<{ staticDocuments: UserDocument[] }> = ({ staticDocuments }
           </DialogActions>
         </Dialog>
       )}
+      <Footer />
     </>
   );
 };

src/components/Layout/AppLayout.tsx

@@ -5,7 +5,6 @@ import AlertDialog from "./Alert";
 import Announcer from "./Announcer";
 import PwaUpdater from "./PwaUpdater";
 import ProgressBar from "./ProgressBar";
-import Footer from "./Footer";
 import { Container } from "@mui/material";
 import { Suspense } from "react";
 
@@ -16,7 +15,6 @@ const AppLayout = ({ children }: { children: React.ReactNode; }) => {
       <StoreProvider>
         <TopAppBar />
         <Container className='editor-container'>{children}</Container>
-        <Footer />
         <AlertDialog />
         <Announcer />
         <PwaUpdater />

src/components/User/UserDocuments.tsx

@@ -17,7 +17,7 @@ const UserDocuments: React.FC<{ documents?: UserDocument[] }> = ({ documents })
   const sortedDocuments = sortDocuments(documents ?? [], sort);
   const pageDocuments = sortedDocuments.slice((page - 1) * pageSize, page * pageSize);
 
-  return <>
+  return (
     <Box sx={{ mt: 2 }}>
       <Box sx={{ display: "flex", flexWrap: "wrap", justifyContent: 'space-between', alignItems: "center", gap: 1, mb: 1, minHeight: 40 }}>
         <Typography variant="h6" component="h2" sx={{ whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}>Published Documents</Typography>
@@ -34,7 +34,7 @@ const UserDocuments: React.FC<{ documents?: UserDocument[] }> = ({ documents })
         <Typography variant="overline" component="p">No documents found</Typography>
       </Box>}
     </Box>
-  </>
+  );
 }
 
 export default UserDocuments;