Nikurasu/browser-home
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(LinkList): add customizable links

Browse source
This commit is contained in:
Nikurasu 2024-08-25 11:39:29 +02:00
parent d36cec3d31
commit 4e33174ebe
Signed by: Nikurasu
GPG key ID: 9E7F14C03EF1F271
2 changed files with 11 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/shared/components/LinkList.tsx
View file

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

6
src/site/App.tsx
View file

@ -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 />
</>
)