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 HashRouter, disabled hrefs

Browse Source
This commit is contained in:
plebbitor
2023-02-10 12:57:17 +01:00
parent 42a93a5caa
commit 70162cb42f
4 changed files with 16 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Board.jsx
+11 -11
View File
@@ -136,7 +136,7 @@ const Board = ({ setBodyStyle }) => {
<PostForm selectedStyle={selectedStyle} name="post" action="" method="post" enctype="multipart/form-data">
<div id="post-form-link">
[
<a href="#">Start a New Thread</a>
<a href="javascript:void(0)">Start a New Thread</a>
]
</div>
<table id="post-form"></table>
@@ -165,7 +165,7 @@ const Board = ({ setBodyStyle }) => {
return (
<>
<div key={`t-${thread.cid}`} className="thread">
<div key={`c-${thread.pc}`} className="post-container op-container">
<div key={`c-${thread.cid}`} className="post-container op-container">
<div key={`po-${thread.cid}`} className="post op">
<div key={`pi-${thread.cid}`} className="post-info">
&nbsp;
@@ -180,22 +180,22 @@ const Board = ({ setBodyStyle }) => {
<span key={`dt-${thread.cid}`} className="date-time" data-utc="data">2 weeks ago</span>
&nbsp;
<span key={`pn-${thread.cid}`} className="post-number">
<a key={`pl1-${thread.cid}`} href="post-link" title="Link to this post">No.</a>
<a key={`pl2-${thread.cid}`} href="post-link" title="Reply to this post">00000001</a>
<a key={`pl1-${thread.cid}`} href="javascript:void(0)" title="Link to this post">No.</a>
<a key={`pl2-${thread.cid}`} href="javascript:void(0)" title="Reply to this post">00000001</a>
&nbsp; &nbsp;
<span key={`rl1-${thread.cid}`}>
[
<a key={`rl2-${thread.cid}`} className="reply-link" href="post-link">Reply</a>
<a key={`rl2-${thread.cid}`} className="reply-link" href="javascript:void(0)">Reply</a>
]
</span>
</span>
<a key={`pmb-${thread.cid}`} className="post-menu-button" href="post-menu" title="Post menu" data-cmd="post-menu">▶</a>
<a key={`pmb-${thread.cid}`} className="post-menu-button" href="javascript:void(0)" title="Post menu" data-cmd="post-menu">▶</a>
<div key={`bi-${thread.cid}`} id="backlink-id" className="backlink">
<span key={`ql1-${thread.cid}`}>
<a key={`ql2-${thread.cid}`} className="quote-link" href="post-link">{'>>'}00000002</a>
<a key={`ql2-${thread.cid}`} className="quote-link" href="javascript:void(0)">{'>>'}00000002</a>
</span>
</div>
<blockquote key={`t-${thread.cid}`}>
<blockquote key={`bq-${thread.cid}`}>
<span key={`q-${thread.cid}`} className="quote">
{thread.title ? `>${thread.title}` : null}
</span>
@@ -222,10 +222,10 @@ const Board = ({ setBodyStyle }) => {
<span key={`dt-${reply.cid}`} className="date-time" data-utc="data">2 weeks ago</span>
&nbsp;
<span key={`pn-${reply.cid}`} className="post-number">
<a key={`pl1-${reply.cid}`} href="post-link" title="Link to this post">No.</a>
<a key={`pl2-${reply.cid}`} href="post-link" title="Reply to this post">00000002</a>
<a key={`pl1-${reply.cid}`} href="javascript:void(0)" title="Link to this post">No.</a>
<a key={`pl2-${reply.cid}`} href="javascript:void(0)" title="Reply to this post">00000002</a>
</span>
<a key={`pmb-${reply.cid}`} className="post-menu-button" href="#" title="Post menu" data-cmd="post-menu">▶</a>
<a key={`pmb-${reply.cid}`} className="post-menu-button" href="javascript:void(0)" title="Post menu" data-cmd="post-menu">▶</a>
</div>
<blockquote key={`pm-${reply.cid}`} className="post-message">
{reply.content}
src/components/Home.jsx
+2 -2
View File
@@ -42,7 +42,7 @@ const Home = () => {
<Search>
<form>
<input type="text" placeholder='"board.eth" or "Qm..."' />
<input type="submit" value="Search" />
<input type="submit" value="Search" disabled />
</form>
</Search>
<About>
@@ -51,7 +51,7 @@ const Home = () => {
</AboutTitle>
<AboutContent>
<div id="content">
<p>Plebchan is a serverless, adminless, decentralized 4chan alternative that uses the <a href="https://plebbit.net" target="_blank" rel="noreferrer">plebbit protocol</a>. Users do not need to register an account before participating in the community; anyone can post comments, share image links, and create a board. Search for any board address above, or feel free to click on a popular board below that interests you and jump right in! </p>
<p>Plebchan is a serverless, adminless, decentralized 4chan alternative that uses the <a href="https://plebbit.com" target="_blank" rel="noreferrer">plebbit protocol</a>. Users do not need to register an account before participating in the community; anyone can post comments, share image links, and create a board. Search for any board address above, or feel free to click on a popular board below that interests you and jump right in! </p>
<br />
<p>There are no global rules, each board is completely independent and their owners decide how they should be moderated.</p>
</div>
src/index.js
+3 -3
View File
@@ -1,16 +1,16 @@
import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App';
import { BrowserRouter } from 'react-router-dom';
import { HelmetProvider } from 'react-helmet-async';
import { HashRouter } from 'react-router-dom';
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
<React.StrictMode>
<HelmetProvider>
<BrowserRouter>
<HashRouter>
<App />
</BrowserRouter>
</HashRouter>
</HelmetProvider>
</React.StrictMode>
);