From 70162cb42fd4e1c65f335d0898cd46d0b44c066b Mon Sep 17 00:00:00 2001
From: plebbitor <mottoes_recap0u@icloud.com>
Date: Fri, 10 Feb 2023 12:57:17 +0100
Subject: [PATCH] added HashRouter, disabled hrefs

---
 public/post_expand_minus.png | Bin 123 -> 0 bytes
 src/components/Board.jsx     |  22 +++++++++++-----------
 src/components/Home.jsx      |   4 ++--
 src/index.js                 |   6 +++---
 4 files changed, 16 insertions(+), 16 deletions(-)
 delete mode 100644 public/post_expand_minus.png

diff --git a/public/post_expand_minus.png b/public/post_expand_minus.png
deleted file mode 100644
index c499d841747db214bb5b99512ec4ca026175f0b0..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 123
zcmeAS@N?(olHy`uVBq!ia0vp^LLkh+1SD^+kpz+qY$ZW{!3_UF&^$uA7ARui>Eakt
z!I=ERUu;1{G&3`^W6K4$>&EvF&Qf5~l1{w!@BjZ+_Q3Gl87u))ro5bepJA?2TKA6z
R{huJ?JYD@<);T3K0RV1sCN}^8

diff --git a/src/components/Board.jsx b/src/components/Board.jsx
index c50d3429..efb21980 100644
--- a/src/components/Board.jsx
+++ b/src/components/Board.jsx
@@ -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}
diff --git a/src/components/Home.jsx b/src/components/Home.jsx
index 841ab616..c97ade4e 100644
--- a/src/components/Home.jsx
+++ b/src/components/Home.jsx
@@ -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>
diff --git a/src/index.js b/src/index.js
index c146dbe2..d164fe4c 100644
--- a/src/index.js
+++ b/src/index.js
@@ -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>
 );
\ No newline at end of file