added correct URLs

src/App.js

@@ -48,14 +48,14 @@ export default function App() {
     <BoardContext.Provider value={{ selectedTitle, setSelectedTitle, selectedAddress, setSelectedAddress, selectedStyle, setSelectedStyle }}>
       <Routes>
         <Route exact path='/' element={<Home setBodyStyle={setBodyStyle} />} />
-        <Route path='/board' element={<Board setBodyStyle={setBodyStyle} />}>
-          <Route path='post-thread' element={<Board />} />
+        <Route path={`/${selectedAddress}`} element={<Board setBodyStyle={setBodyStyle} />}>
+          <Route path='post' element={<Board />} />
         </Route>
-        <Route path='/board/thread' element={<Thread setBodyStyle={setBodyStyle} />}>
-          <Route path='post-reply' element={<Thread />} />
+        <Route path={`/${selectedAddress}/thread`} element={<Thread setBodyStyle={setBodyStyle} />}>
+          <Route path='post' element={<Thread />} />
         </Route>
-        <Route path='/board/catalog' element={<Catalog setBodyStyle={setBodyStyle} /> }>
-          <Route path='post-thread' element={<Catalog />} />
+        <Route path={`/${selectedAddress}/catalog`} element={<Catalog setBodyStyle={setBodyStyle} /> }>
+          <Route path='post' element={<Catalog />} />
         </Route>
       </Routes>
     </BoardContext.Provider>

src/components/Board.jsx

@@ -122,7 +122,7 @@ const Board = ({ setBodyStyle }) => {
   const handleClickForm = () => {
     setShowPostFormLink(false);
     setShowPostForm(true);
-    navigate('/board/post-thread');
+    navigate(`/${selectedAddress}/post`);
   };
   
   const handlePublishComment = async () => {
@@ -232,8 +232,8 @@ const Board = ({ setBodyStyle }) => {
           {defaultSubplebbits.map(subplebbit => (
             <span className="boardList" key={`span-${subplebbit.address}`}>
               [
-              <a href={handleVoidClick} key={`a-${subplebbit.address}`} onClick={() => handleClick(subplebbit.title, subplebbit.address)}
-              >{subplebbit.title}</a>
+              <Link to={`/${subplebbit.address}`} key={`a-${subplebbit.address}`} onClick={() => handleClick(subplebbit.title, subplebbit.address)}
+              >{subplebbit.title}</Link>
               ]&nbsp;
             </span>
           ))}
@@ -318,7 +318,7 @@ const Board = ({ setBodyStyle }) => {
           </select>
         </span>
         [
-        <Link to="/board/catalog">Catalog</Link>
+        <Link to={`/${selectedAddress}/catalog`}>Catalog</Link>
         ]
         <hr />
       </TopBar>
@@ -358,7 +358,7 @@ const Board = ({ setBodyStyle }) => {
                       &nbsp; &nbsp;
                       <span key={`rl1-${thread.cid}`}>
                         [
-                        <Link key={`rl2-${thread.cid}`} to="/board/thread" className="reply-link" >Reply</Link>
+                        <Link key={`rl2-${thread.cid}`} to={`/${selectedAddress}/thread`} className="reply-link" >Reply</Link>
                         ]
                       </span>
                     </span>

src/components/Catalog.jsx

@@ -121,7 +121,7 @@ const Catalog = ({ setBodyStyle }) => {
   const handleClickForm = () => {
     setShowPostFormLink(false);
     setShowPostForm(true);
-    navigate('/board/catalog/post-thread');
+    navigate(`/${selectedAddress}/catalog/post`);
   };
 
   const handlePublishComment = async () => {
@@ -218,8 +218,8 @@ const Catalog = ({ setBodyStyle }) => {
           {defaultSubplebbits.map(subplebbit => (
             <span className="boardList" key={`span-${subplebbit.address}`}>
               [
-              <a href={handleVoidClick} key={`a-${subplebbit.address}`} onClick={() => handleClick(subplebbit.title, subplebbit.address)}
-              >{subplebbit.title}</a>
+              <Link to={`/${subplebbit.address}`} key={`a-${subplebbit.address}`} onClick={() => handleClick(subplebbit.title, subplebbit.address)}
+              >{subplebbit.title}</Link>
               ]&nbsp;
             </span>
           ))}
@@ -305,7 +305,7 @@ const Catalog = ({ setBodyStyle }) => {
         </span>
         <span className="return-button">
           [
-          <Link to="/board">Return</Link>
+          <Link to={`/${selectedAddress}`}>Return</Link>
           ]
         </span>
         <hr />

src/components/Home.jsx

@@ -74,7 +74,7 @@ const Home = ({ setBodyStyle }) => {
               {defaultSubplebbits.map(subplebbit => (
                 <div className="board" key={subplebbit.address}>
                   <div className="board-title">{subplebbit.title}</div>
-                  <Link to="/board" onClick={() => {
+                  <Link to={`/${subplebbit.address}`} onClick={() => {
                     handleClick(subplebbit.title, subplebbit.address);
                   }} >
                     <img alt="board logo" src="/assets/plebchan.png" />

src/components/Thread.jsx

@@ -44,7 +44,7 @@ const Thread = ({ setBodyStyle }) => {
   const handleClickForm = () => {
     setShowReplyFormLink(false);
     setShowReplyForm(true);
-    navigate('/board/thread/post-reply');
+    navigate(`/${selectedAddress}/thread/post`);
   };
 
   const handleStyleChange = (event) => {
@@ -120,8 +120,8 @@ const Thread = ({ setBodyStyle }) => {
           {defaultSubplebbits.map(subplebbit => (
             <span className="boardList" key={`span-${subplebbit.address}`}>
               [
-              <a href={handleVoidClick} key={`a-${subplebbit.address}`} onClick={() => handleClick(subplebbit.title, subplebbit.address)}
-              >{subplebbit.title}</a>
+              <Link to={`/${subplebbit.address}`} key={`a-${subplebbit.address}`} onClick={() => handleClick(subplebbit.title, subplebbit.address)}
+              >{subplebbit.title}</Link>
               ]&nbsp;
             </span>
           ))}
@@ -205,7 +205,7 @@ const Thread = ({ setBodyStyle }) => {
         </span>
         <span className="return-button">
           [
-          <Link to="/board">Return</Link>
+          <Link to={`/${selectedAddress}`}>Return</Link>
           ]
         </span>
         <hr />