From 4e33174ebee29b155cca03a85dcc749f5051e60f Mon Sep 17 00:00:00 2001
From: Nikurasu <publicmail@nikurasu.gay>
Date: Sun, 25 Aug 2024 11:39:29 +0200
Subject: [PATCH] feat(LinkList): add customizable links

---
 src/shared/components/LinkList.tsx | 11 ++++++++---
 src/site/App.tsx                   |  6 +++---
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/shared/components/LinkList.tsx b/src/shared/components/LinkList.tsx
index ce62937..b99563b 100644
--- a/src/shared/components/LinkList.tsx
+++ b/src/shared/components/LinkList.tsx
@@ -1,14 +1,19 @@
 import Sites from '@Data/sites.json'
 import { Grid } from "@mui/material";
 import LinkCard from "./linkcard";
-import { useContext } from 'react';
+import { useContext, useEffect, useState } from 'react';
 import { ConfigurableLinksContext } from '../contexts/ConfiguarableLinksContext';
+import { HomepageLink } from '../classes/HomeplageLink';
 
 export default function LinkList() {
-    const {configurableLinks, setConfigurableLinks} = useContext(ConfigurableLinksContext)
+    const [configurableLinks, setConfigurableLinks] = useState<Array<HomepageLink>>(
+        JSON.parse(localStorage.getItem("configurableLinks") as string) as Array<HomepageLink> ??
+        new Array<HomepageLink>
+    )
+
 
     return (
-        <Grid container spacing={2}>
+        <Grid container spacing={2} justifyContent={"center"}>
             {Sites.sites.map(site => (
                 <Grid item key={site.title}>
                     <LinkCard
diff --git a/src/site/App.tsx b/src/site/App.tsx
index fa0f4f1..091db36 100644
--- a/src/site/App.tsx
+++ b/src/site/App.tsx
@@ -1,5 +1,5 @@
 import Sites from '@Data/sites.json'
-import { Box, Button, debounce, FormLabel, Grid, OutlinedInput, styled, TextField, Typography } from '@mui/material'
+import { Box, Button, Container, debounce, FormLabel, Grid, OutlinedInput, styled, TextField, Typography } from '@mui/material'
 import React, { useContext, useState } from 'react'
 import MenuBar from '../shared/components/MenuBar'
 import LinkCard from '../shared/components/linkcard'
@@ -27,14 +27,14 @@ function App() {
         <>
         <MenuBar />
         <MenuDrawer />
-        <Box sx={{m: 4}} maxWidth="lg">
+        <Container sx={{ mt: 4, mb: 4 }} maxWidth="lg">
             {currentPage === 'home' ? (
                 <LinkList />
             ): null}
             {currentPage === 'edit' ? (
                 <SettingsPage />
             ): null}
-        </Box>
+        </Container>
         <AppSnackBar />
         </>
     )