diff --git a/src/App.tsx b/src/App.tsx
index 95183ab..fc48012 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,11 +1,12 @@
import { RouterProvider } from 'react-router-dom'
-import { useEffect } from 'react'
-import { routerWithNdkContext } from 'routes'
+import { useEffect, useMemo } from 'react'
+import { routerWithNdkContext as routerWithState } from 'routes'
import { useNDKContext } from 'hooks'
import './styles/styles.css'
function App() {
const ndkContext = useNDKContext()
+ const router = useMemo(() => routerWithState(ndkContext), [ndkContext])
useEffect(() => {
// Find the element with id 'root'
@@ -24,7 +25,7 @@ function App() {
}
}, [])
- return
Built with { Nostr {' '} by - Freakoverse - + , with the support of{' '} - + Supporters - + . Check our - + Backup Plan - + .
diff --git a/src/layout/index.tsx b/src/layout/index.tsx index f936f04..cdddc70 100644 --- a/src/layout/index.tsx +++ b/src/layout/index.tsx @@ -44,7 +44,7 @@ export const Layout = () => { }) } } - }, [ndk, dispatch]) + }, [dispatch, ndk]) // calculate user's wot useEffect(() => { @@ -60,7 +60,7 @@ export const Layout = () => { toast.error('An error occurred in calculating user web-of-trust!') }) } - }, [ndk, userState.user, dispatch]) + }, [dispatch, ndk, userState.user?.pubkey]) // get site's wot level useEffect(() => { @@ -106,7 +106,7 @@ export const Layout = () => { }) } } - }, [userState.user, dispatch, fetchEventFromUserRelays]) + }, [dispatch, fetchEventFromUserRelays, userState.user?.pubkey]) return ( <> diff --git a/src/pages/backup.tsx b/src/pages/backup.tsx new file mode 100644 index 0000000..682d869 --- /dev/null +++ b/src/pages/backup.tsx @@ -0,0 +1,126 @@ +import { capitalizeEachWord } from 'utils' +import '../styles/backup.css' +import backupPlanImg from '../assets/img/DEG Mods Backup Plan.png' +// import placeholder from '../assets/img/DEGMods Placeholder Img.png' +interface BackupItemProps { + name: string + image: string + link: string + type: 'repo' | 'alt' | 'exe' +} +const BACKUP_LIST: BackupItemProps[] = [ + // { + // name: 'Github', + // type: 'repo', + // image: + // 'https://www.c-sharpcorner.com/article/create-github-repository-and-add-newexisting-project-using-github-desktop/Images/github.png', + // link: '#' + // }, + // { + // name: 'Github, but nostr', + // type: 'repo', + // image: 'https://vitorpamplona.com/images/nostr.gif', + // link: '#' + // }, + // { + // name: 'name', + // type: 'alt', + // image: placeholder, + // link: '#' + // }, + // { + // name: '', + // type: 'exe', + // image: placeholder, + // link: '#' + // } +] + +const BackupItem = ({ name, image, link, type }: BackupItemProps) => { + return ( + +
+ It's pretty clear that authoritarianism and censorship is on
+ the rise, on all fronts, and from what can be seen, any idea
+ that push for the opposite gets attacked. That's why DEG
+ Mods is running on Nostr, and that's why we're also writing
+ this backup plan.
+
+
+ Wherever we can, we'll put DEG Mods' code on multiple
+ repositories such as Github, and (github but on nostr).
+ Below you can find the links where we've uploaded the site's
+ code to.
+
+
+ With the repositories for DEG Mods is up on multiple places,
+ we encourage people to take the code and duplicate it
+ elsewhere. Fork it, change the design, remove or add systems
+ and features, and make your own version. Below you can find
+ links of alts that we've found.
+
+
+ One last push we'd like to do is to create a .exe that'll
+ open up DEG Mods on your PC, as if you've opened the website
+ normally, with almost all of the functionalities you'd
+ expect (if not all). We want to do this so that in case
+ there are no alternatives, or that they're getting shut
+ down, then you can just rely on this instead. The link to it
+ will be added here the moment it becomes available.
+
+