From 4894bfedbf2baab3d855bfb25a01e626020e2de3 Mon Sep 17 00:00:00 2001 From: Tom Date: Wed, 3 May 2023 15:47:00 +0200 Subject: [PATCH 01/16] improved subscriptions box styling --- src/components/styled/Home.styled.jsx | 23 +++++++++++++++++++++++ src/components/views/Home.jsx | 15 +++++++++------ 2 files changed, 32 insertions(+), 6 deletions(-) diff --git a/src/components/styled/Home.styled.jsx b/src/components/styled/Home.styled.jsx index 3ab9b6cd..74d9e66f 100644 --- a/src/components/styled/Home.styled.jsx +++ b/src/components/styled/Home.styled.jsx @@ -172,6 +172,7 @@ export const Boards = styled.div` padding-bottom: .5em; background: #fff; word-wrap: break-word; + margin-bottom: 6px; #subscriptions { text-align: left; @@ -258,6 +259,28 @@ export const BoardsContent = styled.div` color: #e00 } } + + #view-all { + color: #800; + font-weight: 700; + text-decoration: none; + + :hover { + color: #e00; + } + } + + @media (max-width: 480px) { + .boardlink, #view-all { + font-size: 1.2em; + } + } + + @media (min-width: 480px) { + #mobile-br { + display: none; + } + } `; export const Footer = styled.div` diff --git a/src/components/views/Home.jsx b/src/components/views/Home.jsx index c1fda378..80c41a39 100644 --- a/src/components/views/Home.jsx +++ b/src/components/views/Home.jsx @@ -99,24 +99,27 @@ const Home = () => { - {account.subscriptions?.length > 0 ? ( - + {account?.subscriptions?.length > 0 ? ( +

Board Subscriptions

- You have subscribed to {account.subscriptions.length} board{account.subscriptions.length > 1 ? "s" : null} -

+ You have subscribed to {account?.subscriptions?.length} board{account?.subscriptions?.length > 1 ? "s" : null} +   + [view all]
- {account.subscriptions.map((subscription, index) => ( + {account?.subscriptions?.map((subscription, index) => ( <> - + +
{subscription}
))} +
) : null} From 9f9064fbf4e9f6f0bacf0db318ef5e76930585ee Mon Sep 17 00:00:00 2001 From: Tom Date: Wed, 3 May 2023 15:54:42 +0200 Subject: [PATCH 02/16] typo --- src/components/views/Home.jsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/views/Home.jsx b/src/components/views/Home.jsx index 80c41a39..b7afd73a 100644 --- a/src/components/views/Home.jsx +++ b/src/components/views/Home.jsx @@ -112,7 +112,7 @@ const Home = () => {
{account?.subscriptions?.map((subscription, index) => ( <> - +
{subscription} From cec0a8a3c95b3e9b5d87ac0131f7707932b26865 Mon Sep 17 00:00:00 2001 From: Tom Date: Wed, 3 May 2023 17:23:33 +0200 Subject: [PATCH 03/16] fix routing in subscriptions view --- src/components/views/Subscriptions.jsx | 45 +++++++++----------------- 1 file changed, 15 insertions(+), 30 deletions(-) diff --git a/src/components/views/Subscriptions.jsx b/src/components/views/Subscriptions.jsx index 8a6a7456..11e29ec8 100644 --- a/src/components/views/Subscriptions.jsx +++ b/src/components/views/Subscriptions.jsx @@ -35,7 +35,7 @@ const Subscriptions = () => { setSelectedShortCid, selectedStyle, setSelectedThread, - selectedTitle, setSelectedTitle, + setSelectedTitle, } = useGeneralStore(state => state); const account = useAccount(); @@ -103,21 +103,6 @@ const Subscriptions = () => { return acc; }, {}); }, [flattenedRepliesByThread, accountComments, selectedFeed]); - - - // temporary title from JSON, gets subplebbitAddress from URL - useEffect(() => { - setSelectedAddress(subplebbitAddress); - const selectedSubplebbit = defaultSubplebbits.find((subplebbit) => subplebbit.address === subplebbitAddress); - if (selectedSubplebbit) { - setSelectedTitle(selectedSubplebbit.title); - } - }, [subplebbitAddress, setSelectedAddress, setSelectedTitle, defaultSubplebbits]); - - // sets useFeed to address from URL - useEffect(() => { - setSelectedFeed(feed); - }, [feed]); // mobile navbar scroll effect useEffect(() => { @@ -165,7 +150,7 @@ const Subscriptions = () => { return ( <> - {((selectedTitle ? selectedTitle : selectedAddress) + " - plebchan")} + Subscriptions - plebchan { }>Create Board ] [ - setIsSettingsOpen(true)}>Settings + setIsSettingsOpen(true)}>Settings ] [ handleStyleChange({target: {value: "Yotsuba"}} @@ -226,7 +211,7 @@ const Subscriptions = () => { }>Create Board
- setIsSettingsOpen(true)}>Settings + setIsSettingsOpen(true)}>Settings   handleStyleChange({target: {value: "Yotsuba"}} )}>Home @@ -383,7 +368,7 @@ const Subscriptions = () => {   c/ - { if (e.button === 2) return; e.preventDefault(); @@ -404,7 +389,7 @@ const Subscriptions = () => {    [ - setSelectedThread(thread.cid)} className="reply-link" >Reply + setSelectedThread(thread.cid)} className="reply-link" >Reply ]   @@ -432,7 +417,7 @@ const Subscriptions = () => { (...)

Post too long.  - setSelectedThread(thread.cid)} className="ttl-link">Click here + setSelectedThread(thread.cid)} className="ttl-link">Click here  to view. @@ -448,7 +433,7 @@ const Subscriptions = () => { {omittedCount} post{omittedCount > 1 ? "s" : ""} omitted. Click  - setSelectedThread(thread.cid)} className="ttl-link">here + setSelectedThread(thread.cid)} className="ttl-link">here  to view. ) : null} @@ -507,7 +492,7 @@ const Subscriptions = () => { c/ {reply.shortCid ? ( - { if (e.button === 2) return; e.preventDefault(); @@ -610,7 +595,7 @@ const Subscriptions = () => { (...)

Comment too long.  - setSelectedThread(thread.cid)} className="ttl-link">Click here + setSelectedThread(thread.cid)} className="ttl-link">Click here  to view. @@ -694,7 +679,7 @@ const Subscriptions = () => { {getDate(thread.timestamp)}   c/ - { if (e.button === 2) return; e.preventDefault(); @@ -759,7 +744,7 @@ const Subscriptions = () => { (...)

Post too long.  - setSelectedThread(thread.cid)} className="ttl-link">Click here + setSelectedThread(thread.cid)} className="ttl-link">Click here  to view. @@ -845,7 +830,7 @@ const Subscriptions = () => { {getDate(reply.timestamp)}  c/ {reply.shortCid ? ( - { if (e.button === 2) return; e.preventDefault(); @@ -916,7 +901,7 @@ const Subscriptions = () => { (...)

Comment too long.  - setSelectedThread(thread.cid)} className="ttl-link">Click here + setSelectedThread(thread.cid)} className="ttl-link">Click here  to view. @@ -1004,7 +989,7 @@ const Subscriptions = () => { }>Create Board ] [ - setIsSettingsOpen(true)}>Settings + setIsSettingsOpen(true)}>Settings ] [ handleStyleChange({target: {value: "Yotsuba"}} From bb16165e78ff028c597c8339c71a307751c50035 Mon Sep 17 00:00:00 2001 From: Tom Date: Wed, 3 May 2023 17:35:38 +0200 Subject: [PATCH 04/16] fix SettingsModal close --- src/components/SettingsModal.jsx | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/src/components/SettingsModal.jsx b/src/components/SettingsModal.jsx index 5d9c1363..d85fa026 100644 --- a/src/components/SettingsModal.jsx +++ b/src/components/SettingsModal.jsx @@ -108,14 +108,14 @@ const SettingsModal = ({ isOpen, closeModal }) => { const handleCloseModal = () => { - closeModal(); - - if (location.pathname === "/settings") { - navigate(-1, { replace: true }); + if (location.pathname.endsWith("/settings")) { + const newPath = location.pathname.slice(0, -9); + closeModal(); + navigate(newPath, { replace: true }); } else { - navigate("/settings", { state: { from: location } }); + closeModal(); } - }; + }; const toggleExpanded = (index) => { @@ -152,7 +152,7 @@ const SettingsModal = ({ isOpen, closeModal }) => { return ( Date: Wed, 3 May 2023 18:20:18 +0200 Subject: [PATCH 05/16] add CLI link to full node explanation --- src/components/views/Board.jsx | 6 +++--- src/components/views/Catalog.jsx | 6 +++--- src/components/views/Home.jsx | 2 +- src/components/views/Subscriptions.jsx | 6 +++--- src/components/views/Thread.jsx | 6 +++--- 5 files changed, 13 insertions(+), 13 deletions(-) diff --git a/src/components/views/Board.jsx b/src/components/views/Board.jsx index 838c2d04..7ce09a02 100644 --- a/src/components/views/Board.jsx +++ b/src/components/views/Board.jsx @@ -371,7 +371,7 @@ const Board = () => { [ ] @@ -396,7 +396,7 @@ const Board = () => {  
@@ -1198,7 +1198,7 @@ const Board = () => { [ ] diff --git a/src/components/views/Catalog.jsx b/src/components/views/Catalog.jsx index ce1bdc5f..5e5ffa79 100644 --- a/src/components/views/Catalog.jsx +++ b/src/components/views/Catalog.jsx @@ -264,7 +264,7 @@ const Catalog = () => { [ ] @@ -289,7 +289,7 @@ const Catalog = () => {   @@ -521,7 +521,7 @@ const Catalog = () => { [ ] diff --git a/src/components/views/Home.jsx b/src/components/views/Home.jsx index b7afd73a..b63c107a 100644 --- a/src/components/views/Home.jsx +++ b/src/components/views/Home.jsx @@ -91,7 +91,7 @@ const Home = () => {

Plebchan is a serverless, adminless, decentralized 4chan alternative that uses the plebbit protocol. Users do not need to register an account before participating in the community; anyone can post comments, share media links, and . Search for any board address above, or feel free to click on a popular board below that interests you and jump right in!


diff --git a/src/components/views/Subscriptions.jsx b/src/components/views/Subscriptions.jsx index 11e29ec8..0bef075a 100644 --- a/src/components/views/Subscriptions.jsx +++ b/src/components/views/Subscriptions.jsx @@ -181,7 +181,7 @@ const Subscriptions = () => { [ ] @@ -206,7 +206,7 @@ const Subscriptions = () => {   @@ -984,7 +984,7 @@ const Subscriptions = () => { [ ] diff --git a/src/components/views/Thread.jsx b/src/components/views/Thread.jsx index 6e1e282b..82b24eb6 100644 --- a/src/components/views/Thread.jsx +++ b/src/components/views/Thread.jsx @@ -306,7 +306,7 @@ const Thread = () => { [ ] @@ -331,7 +331,7 @@ const Thread = () => {   @@ -1154,7 +1154,7 @@ const Thread = () => { [ ] From 3b17609336fbacb24e81af56a9098963b935ad55 Mon Sep 17 00:00:00 2001 From: Tom Date: Wed, 3 May 2023 18:32:16 +0200 Subject: [PATCH 06/16] add subscribe button to catalog, fix in board --- src/components/views/Board.jsx | 8 +++---- src/components/views/Catalog.jsx | 40 +++++++++++++++++++++++++------- 2 files changed, 35 insertions(+), 13 deletions(-) diff --git a/src/components/views/Board.jsx b/src/components/views/Board.jsx index 7ce09a02..9da5e0dd 100644 --- a/src/components/views/Board.jsx +++ b/src/components/views/Board.jsx @@ -325,18 +325,16 @@ const Board = () => { try { if (subscribed === false) { await subscribe(selectedAddress); - setSuccessMessage(`Subscribed to ${selectedTitle ?? selectedAddress}`); - + setSuccessMessage(`Subscribed to ${selectedTitle ? selectedTitle : selectedAddress}`); } else if (subscribed === true) { await unsubscribe(selectedAddress); - setSuccessMessage(`Unsubscribed from ${selectedTitle ?? selectedAddress}`); + setSuccessMessage(`Unsubscribed from ${selectedTitle ? selectedTitle : selectedAddress}`); } - } catch (error) { setErrorMessage(error); } }; - + return ( <> diff --git a/src/components/views/Catalog.jsx b/src/components/views/Catalog.jsx index 5e5ffa79..997fe989 100644 --- a/src/components/views/Catalog.jsx +++ b/src/components/views/Catalog.jsx @@ -2,7 +2,7 @@ import React, { Fragment, useCallback, useEffect, useRef, useState } from 'react import { Helmet } from 'react-helmet-async'; import InfiniteScroll from 'react-infinite-scroller'; import { Link, useNavigate, useParams } from 'react-router-dom'; -import { useFeed, usePublishComment } from '@plebbit/plebbit-react-hooks'; +import { useAccount, useFeed, usePublishComment, useSubscribe } from '@plebbit/plebbit-react-hooks'; import { debounce } from 'lodash'; import useGeneralStore from '../../hooks/stores/useGeneralStore'; import { Container, NavBar, Header, Break, PostForm, PostFormLink, PostFormTable } from '../styled/Board.styled'; @@ -15,6 +15,7 @@ import getCommentMediaInfo from '../../utils/getCommentMediaInfo'; import handleStyleChange from '../../utils/handleStyleChange'; import useClickForm from '../../hooks/useClickForm'; import useError from '../../hooks/useError'; +import useSuccess from '../../hooks/useSuccess'; import packageJson from '../../../package.json' const {version} = packageJson @@ -37,6 +38,8 @@ const Catalog = () => { showPostFormLink, } = useGeneralStore(state => state); + const account = useAccount(); + const nameRef = useRef(); const subjectRef = useRef(); const commentRef = useRef(); @@ -48,8 +51,12 @@ const Catalog = () => { const { feed, hasMore, loadMore } = useFeed({subplebbitAddresses: [`${selectedAddress}`], sortType: 'new'}); const { subplebbitAddress } = useParams(); + const { subscribed, subscribe, unsubscribe } = useSubscribe({subplebbitAddress: selectedAddress}); + const [errorMessage, setErrorMessage] = useState(null); + const [successMessage, setSuccessMessage] = useState(null); useError(errorMessage, [errorMessage]); + useSuccess(successMessage, [successMessage]); const [triggerPublishComment, setTriggerPublishComment] = useState(false); @@ -230,6 +237,19 @@ const Catalog = () => { navigate(`/p/${selected}`); }; + const handleSubscribe = async () => { + try { + if (subscribed === false) { + await subscribe(selectedAddress); + setSuccessMessage(`Subscribed to ${selectedTitle ? selectedTitle : selectedAddress}`); + } else if (subscribed === true) { + await unsubscribe(selectedAddress); + setSuccessMessage(`Unsubscribed from ${selectedTitle ? selectedTitle : selectedAddress}`); + } + } catch (error) { + setErrorMessage(error); + } + }; return ( <> @@ -384,13 +404,17 @@ const Catalog = () => { {feed.length > 0 ? ( <> - - [ - - ] - - - + + [ + + ] + + + ) : (
Fetching IPFS... From 0aec100ed60da80dda76368424dd5d8f8b5b37b2 Mon Sep 17 00:00:00 2001 From: Tom Date: Thu, 4 May 2023 08:54:09 +0200 Subject: [PATCH 07/16] fix react-toastify with setTimeout --- src/components/views/Catalog.jsx | 4 +--- src/components/views/Subscriptions.jsx | 2 +- src/hooks/useError.js | 32 ++++++++++++++++---------- src/hooks/useSuccess.js | 32 ++++++++++++++++---------- 4 files changed, 42 insertions(+), 28 deletions(-) diff --git a/src/components/views/Catalog.jsx b/src/components/views/Catalog.jsx index 997fe989..f8afae73 100644 --- a/src/components/views/Catalog.jsx +++ b/src/components/views/Catalog.jsx @@ -2,7 +2,7 @@ import React, { Fragment, useCallback, useEffect, useRef, useState } from 'react import { Helmet } from 'react-helmet-async'; import InfiniteScroll from 'react-infinite-scroller'; import { Link, useNavigate, useParams } from 'react-router-dom'; -import { useAccount, useFeed, usePublishComment, useSubscribe } from '@plebbit/plebbit-react-hooks'; +import { useFeed, usePublishComment, useSubscribe } from '@plebbit/plebbit-react-hooks'; import { debounce } from 'lodash'; import useGeneralStore from '../../hooks/stores/useGeneralStore'; import { Container, NavBar, Header, Break, PostForm, PostFormLink, PostFormTable } from '../styled/Board.styled'; @@ -38,8 +38,6 @@ const Catalog = () => { showPostFormLink, } = useGeneralStore(state => state); - const account = useAccount(); - const nameRef = useRef(); const subjectRef = useRef(); const commentRef = useRef(); diff --git a/src/components/views/Subscriptions.jsx b/src/components/views/Subscriptions.jsx index 0bef075a..0f8c248d 100644 --- a/src/components/views/Subscriptions.jsx +++ b/src/components/views/Subscriptions.jsx @@ -30,7 +30,7 @@ const Subscriptions = () => { const { defaultSubplebbits, isSettingsOpen, setIsSettingsOpen, - selectedAddress, setSelectedAddress, + setSelectedAddress, setSelectedParentCid, setSelectedShortCid, selectedStyle, diff --git a/src/hooks/useError.js b/src/hooks/useError.js index 6fa6a26d..eaaf279c 100644 --- a/src/hooks/useError.js +++ b/src/hooks/useError.js @@ -3,20 +3,28 @@ import { toast } from "react-toastify"; const useError = (message) => { useEffect(() => { - if (message) { - const toastId = toast.error(message.toString(), { - position: "top-right", - autoClose: false, - hideProgressBar: false, - closeOnClick: false, - pauseOnHover: true, - draggable: false, - progress: undefined, - theme: "dark", - }); + if (message && message.length > 0) { + const showErrorToast = () => { + const toastId = toast.error(message.toString(), { + position: "top-right", + autoClose: false, + hideProgressBar: true, + closeOnClick: false, + pauseOnHover: false, + draggable: false, + progress: undefined, + theme: "dark", + }); + + return () => { + toast.dismiss(toastId); + }; + }; + + const timeoutId = setTimeout(showErrorToast, 500); return () => { - toast.dismiss(toastId); + clearTimeout(timeoutId); }; } }, [message]); diff --git a/src/hooks/useSuccess.js b/src/hooks/useSuccess.js index 7e182a86..e42aa62d 100644 --- a/src/hooks/useSuccess.js +++ b/src/hooks/useSuccess.js @@ -3,20 +3,28 @@ import { toast } from "react-toastify"; const useSuccess = (message) => { useEffect(() => { - if (message) { - const toastId = toast.success(message.toString(), { - position: "top-right", - autoClose: 3000, - hideProgressBar: false, - closeOnClick: false, - pauseOnHover: false, - draggable: false, - progress: undefined, - theme: "dark", - }); + if (message && message.length > 0) { + const showSuccessToast = () => { + const toastId = toast.success(message.toString(), { + position: "top-right", + autoClose: 3000, + hideProgressBar: false, + closeOnClick: false, + pauseOnHover: false, + draggable: false, + progress: undefined, + theme: "dark", + }); + + return () => { + toast.dismiss(toastId); + }; + }; + + const timeoutId = setTimeout(showSuccessToast, 500); return () => { - toast.dismiss(toastId); + clearTimeout(timeoutId); }; } }, [message]); From 9a6029e976aaaa5f5967d6313ebabee1d1d223d1 Mon Sep 17 00:00:00 2001 From: Tom Date: Thu, 4 May 2023 14:50:36 +0200 Subject: [PATCH 08/16] add new hooks, disable "view all" in home --- package.json | 2 +- src/components/views/Home.jsx | 2 +- yarn.lock | 57 +++++++++++++++++++++++++++++++++++ 3 files changed, 59 insertions(+), 2 deletions(-) diff --git a/package.json b/package.json index b0e37b4c..371c81cb 100644 --- a/package.json +++ b/package.json @@ -8,7 +8,7 @@ "@babel/plugin-transform-react-jsx": "7.21.0", "@capacitor/android": "3.6.0", "@capacitor/core": "3.6.0", - "@plebbit/plebbit-react-hooks": "https://github.com/plebbit/plebbit-react-hooks.git#97b538693972e26f7c0f0f13ec6afab03b0e2e57", + "@plebbit/plebbit-react-hooks": "https://github.com/plebbit/plebbit-react-hooks.git#ea1a110be2043e2d4dbc9fc369ec7b47d52979d4", "@testing-library/dom": "9.0.1", "@testing-library/jest-dom": "5.14.1", "@testing-library/react": "14.0.0", diff --git a/src/components/views/Home.jsx b/src/components/views/Home.jsx index b63c107a..92aa598f 100644 --- a/src/components/views/Home.jsx +++ b/src/components/views/Home.jsx @@ -108,7 +108,7 @@ const Home = () => {

You have subscribed to {account?.subscriptions?.length} board{account?.subscriptions?.length > 1 ? "s" : null}

  - [view all] + {/* [view all] */}
{account?.subscriptions?.map((subscription, index) => ( <> diff --git a/yarn.lock b/yarn.lock index 2428dcd6..8bf786a4 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2613,6 +2613,48 @@ mkdirp "^1.0.4" rimraf "^3.0.2" +"@plebbit/plebbit-js@https://github.com/plebbit/plebbit-js.git#84d03c4b622634418ce1561e09abdfe46b7d32b2": + version "0.0.3" + resolved "https://github.com/plebbit/plebbit-js.git#84d03c4b622634418ce1561e09abdfe46b7d32b2" + dependencies: + "@keyv/sqlite" "3.6.2" + "@plebbit/plebbit-logger" "github:plebbit/plebbit-logger" + "@types/node-fetch" "2.6.2" + "@types/proper-lockfile" "4.1.2" + "@types/uuid" "8.3.4" + assert "2.0.0" + async-wait-until "2.0.12" + buffer "6.0.3" + captcha-canvas "3.2.1" + err-code "3.0.1" + ethers "5.7.2" + file-type "16.5.4" + form-data "4.0.0" + hpagent "1.2.0" + ipfs-http-client "56.0.3" + ipfs-only-hash "4.0.0" + is-ipfs "6.0.2" + jose "4.11.0" + js-sha256 "0.9.0" + keyv "4.5.2" + knex "2.3.0" + libp2p-crypto "0.21.2" + limiter "2.1.0" + localforage "1.10.0" + lodash-es "4.17.21" + open-graph-scraper "5.2.3" + p-limit "3.1.0" + peer-id "0.16.0" + proper-lockfile "github:plebbit/node-proper-lockfile" + retry "0.13.1" + safe-stable-stringify "2.4.1" + skia-canvas "1.0.0" + sqlite3 "5.1.2" + tiny-typed-emitter "2.1.0" + tinycache "1.1.2" + ts-custom-error "3.3.1" + uuid "9.0.0" + "@plebbit/plebbit-js@https://github.com/plebbit/plebbit-js.git#b3272c08bd3861322b7a5eef48992e1b73640098": version "0.0.3" resolved "https://github.com/plebbit/plebbit-js.git#b3272c08bd3861322b7a5eef48992e1b73640098" @@ -2683,6 +2725,21 @@ uuid "8.3.2" zustand "4.0.0" +"@plebbit/plebbit-react-hooks@https://github.com/plebbit/plebbit-react-hooks.git#ea1a110be2043e2d4dbc9fc369ec7b47d52979d4": + version "0.0.1" + resolved "https://github.com/plebbit/plebbit-react-hooks.git#ea1a110be2043e2d4dbc9fc369ec7b47d52979d4" + dependencies: + "@plebbit/plebbit-js" "https://github.com/plebbit/plebbit-js.git#84d03c4b622634418ce1561e09abdfe46b7d32b2" + "@plebbit/plebbit-logger" "https://github.com/plebbit/plebbit-logger.git" + assert "2.0.0" + ethers "5.6.9" + localforage "1.10.0" + lodash.isequal "4.5.0" + memoizee "0.4.15" + quick-lru "5.1.1" + uuid "8.3.2" + zustand "4.0.0" + "@pmmmwh/react-refresh-webpack-plugin@^0.5.3": version "0.5.10" resolved "https://registry.yarnpkg.com/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.5.10.tgz#2eba163b8e7dbabb4ce3609ab5e32ab63dda3ef8" From d98649f77e345b388b0af87934784eb4287c13dd Mon Sep 17 00:00:00 2001 From: Tom Date: Thu, 4 May 2023 15:50:35 +0200 Subject: [PATCH 09/16] fix navbar --- src/components/views/Board.jsx | 18 +++++++++--------- src/components/views/Catalog.jsx | 10 +++++----- src/components/views/Thread.jsx | 10 +++++----- 3 files changed, 19 insertions(+), 19 deletions(-) diff --git a/src/components/views/Board.jsx b/src/components/views/Board.jsx index 9da5e0dd..241c7612 100644 --- a/src/components/views/Board.jsx +++ b/src/components/views/Board.jsx @@ -355,16 +355,16 @@ const Board = () => { [ Subscriptions ] [ - - {defaultSubplebbits.map((subplebbit, index) => ( - - {index === 0 ? null : "\u00a0"} - handleClickTitle(subplebbit.title, subplebbit.address)} - >{subplebbit.title ? subplebbit.title : subplebbit.address} - {index !== defaultSubplebbits.length - 1 ? " /" : null} - - ))} + {defaultSubplebbits.map((subplebbit, index) => ( + + {index === 0 ? null : "\u00a0"} + handleClickTitle(subplebbit.title, subplebbit.address)} + >{subplebbit.title ? subplebbit.title : subplebbit.address} + {index !== defaultSubplebbits.length - 1 ? " /" : null} + + ))} ] + [