External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

added default subs and new whitepaper

Browse Source
This commit is contained in:
plebbitor
2023-02-04 11:35:46 +01:00
parent 804417bdfe
commit 4ba72254b4
1 changed files with 36 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Home.jsx
+30 -67
View File
@@ -1,8 +1,32 @@
import React from 'react'; import React, { useState, useEffect } from 'react';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
import {Container, Header, Logo, Page, Search, About, AboutTitle, AboutContent, Boards, BoardsTitle, BoardsContent, Footer } from './styled/Home.styled'; import {Container, Header, Logo, Page, Search, About, AboutTitle, AboutContent, Boards, BoardsTitle, BoardsContent, Footer } from './styled/Home.styled';
const Home = () => { const Home = () => {
const [defaultSubplebbits, setDefaultSubplebbits] = useState([]);
/*const setDefaultSubplebbits = await fetch(
'https://raw.githubusercontent.com/plebbit/temporary-default-subplebbits/master/subplebbits.json',
{ cache: 'no-cache' }
).then(res => res.json()); */
useEffect(() => {
let didCancel = false;
fetch(
"https://raw.githubusercontent.com/plebbit/temporary-default-subplebbits/master/subplebbits.json",
{ cache: "no-cache" }
)
.then((res) => res.json())
.then(res => {
if (!didCancel) {
setDefaultSubplebbits(res);
}
});
return () => {
didCancel = true;
};
}, []);
return ( return (
<Container> <Container>
<Header> <Header>
@@ -36,78 +60,17 @@ const Home = () => {
<h2>Popular boards</h2> <h2>Popular boards</h2>
</BoardsTitle> </BoardsTitle>
<BoardsContent> <BoardsContent>
{defaultSubplebbits.map(subplebbit => (
<div className="board"> <div className="board">
<div className="board-title">Pleb whales</div> <div className="board-title">{subplebbit.title}</div>
<Link to="/board"> <Link to="/board">
<img alt="board logo" src="/plebchan.png" /> <img alt="board logo" src="/plebchan.png" />
</Link> </Link>
<div className="board-text"> <div className="board-text">
<b>p/plebwhales.eth</b>: For those destined to make it. Minimum 1B PLEB in wallet to post. <b>{subplebbit.address}</b>
</div>
</div>
<div className="board">
<div className="board-title">Pleb whales</div>
<Link to="/board">
<img alt="board logo" src="/plebchan.png" />
</Link>
<div className="board-text">
<b>p/plebwhales.eth</b>: For those destined to make it. Minimum 1B PLEB in wallet to post.
</div>
</div>
<div className="board">
<div className="board-title">Pleb whales</div>
<Link to="/board">
<img alt="board logo" src="/plebchan.png" />
</Link>
<div className="board-text">
<b>p/plebwhales.eth</b>: For those destined to make it. Minimum 1B PLEB in wallet to post.
</div>
</div>
<div className="board">
<div className="board-title">Pleb whales</div>
<Link to="/board">
<img alt="board logo" src="/plebchan.png" />
</Link>
<div className="board-text">
<b>p/plebwhales.eth</b>: For those destined to make it. Minimum 1B PLEB in wallet to post.
</div>
</div>
<div className="board">
<div className="board-title">Pleb whales</div>
<Link to="/board">
<img alt="board logo" src="/plebchan.png" />
</Link>
<div className="board-text">
<b>p/plebwhales.eth</b>: For those destined to make it. Minimum 1B PLEB in wallet to post.
</div>
</div>
<div className="board">
<div className="board-title">Pleb whales</div>
<Link to="/board">
<img alt="board logo" src="/plebchan.png" />
</Link>
<div className="board-text">
<b>p/plebwhales.eth</b>: For those destined to make it. Minimum 1B PLEB in wallet to post.
</div>
</div>
<div className="board">
<div className="board-title">Pleb whales</div>
<Link to="/board">
<img alt="board logo" src="/plebchan.png" />
</Link>
<div className="board-text">
<b>p/plebwhales.eth</b>: For those destined to make it. Minimum 1B PLEB in wallet to post.
</div>
</div>
<div className="board">
<div className="board-title">Pleb whales</div>
<Link to="/board">
<img alt="board logo" src="/plebchan.png" />
</Link>
<div className="board-text">
<b>p/plebwhales.eth</b>: For those destined to make it. Minimum 1B PLEB in wallet to post.
</div> </div>
</div> </div>
))}
</BoardsContent> </BoardsContent>
</Boards> </Boards>
</Page> </Page>
@@ -121,7 +84,7 @@ const Home = () => {
<a href="https://gitcoin.co/grants/5515/plebbit-a-serverless-adminless-decentralized-redd" target="_blank" rel="noopener noreferrer">Donate</a> <a href="https://gitcoin.co/grants/5515/plebbit-a-serverless-adminless-decentralized-redd" target="_blank" rel="noopener noreferrer">Donate</a>
</li> </li>
<li> <li>
<a href="https://github.com/plebbit/whitepaper/discussions/2" target="_blank" rel="noopener noreferrer">Whitepaper</a> <a href="https://plebbit.net/whitepaper" target="_blank" rel="noopener noreferrer">Whitepaper</a>
</li> </li>
<li> <li>
<a href="https://snowtrace.io/token/0x625fc9bb971bb305a2ad63252665dcfe9098bee9" target="_blank" rel="noopener noreferrer">Contract</a> <a href="https://snowtrace.io/token/0x625fc9bb971bb305a2ad63252665dcfe9098bee9" target="_blank" rel="noopener noreferrer">Contract</a>