fix board address

src/components/views/Board.jsx

@@ -81,13 +81,17 @@ const Board = () => {
   const [isModToolsOpen, setIsModToolsOpen] = useState(false);
   const [commentCid, setCommentCid] = useState(null);
 
-
   const [errorMessage, setErrorMessage] = useState(null);
   const [successMessage, setSuccessMessage] = useState(null);
   useError(errorMessage, [errorMessage]);
   useSuccess(successMessage, [successMessage]);
 
 
+  useEffect(() => {
+    setSelectedAddress(subplebbitAddress);
+  }, [subplebbitAddress, setSelectedAddress]);
+
+
   useEffect(() => {
     if (subplebbit.roles !== undefined) { 
       const role = subplebbit.roles[account.author.address]?.role;
@@ -98,7 +102,7 @@ const Board = () => {
         setIsModerator(false);
       }
     }
-  }, [account?.author.address, subplebbit.roles]);  
+  }, [account?.author.address, subplebbit.roles]);
 
 
   const handleOptionClick = (threadCid) => {

src/components/views/Catalog.jsx

@@ -47,14 +47,28 @@ const Catalog = () => {
   const linkRef = useRef();
 
   const navigate = useNavigate();
+  
+  const [errorMessage, setErrorMessage] = useState(null);
+  const [successMessage] = useState(null);
+  useError(errorMessage, [errorMessage]);
+  useSuccess(successMessage, [successMessage]);
+  
+  const [triggerPublishComment, setTriggerPublishComment] = useState(false);
   const [prevScrollPos, setPrevScrollPos] = useState(0);
   const [visible, setVisible] = useState(true);
+
   const { feed, hasMore, loadMore } = useFeed({subplebbitAddresses: [`${selectedAddress}`], sortType: 'new'});
   const { subplebbitAddress } = useParams();
   const subplebbit = useSubplebbit({subplebbitAddress: selectedAddress});
 
   const stateString = useStateString(subplebbit);
 
+
+  useEffect(() => {
+    setSelectedAddress(subplebbitAddress);
+  }, [subplebbitAddress, setSelectedAddress]);
+
+
   const errorString = useMemo(() => {
     if (subplebbit?.state === 'failed') {
       let errorString = 'Failed fetching board "' + selectedAddress + '".';
@@ -65,6 +79,7 @@ const Catalog = () => {
     }
   }, [subplebbit?.state, subplebbit?.error, selectedAddress])
 
+
   useEffect(() => {
     if (errorString) {
       setErrorMessage(errorString);
@@ -72,13 +87,6 @@ const Catalog = () => {
   }, [errorString]);
   const { subscribed, subscribe, unsubscribe } = useSubscribe({subplebbitAddress: selectedAddress});
 
-  const [errorMessage, setErrorMessage] = useState(null);
-  const [successMessage] = useState(null);
-  useError(errorMessage, [errorMessage]);
-  useSuccess(successMessage, [successMessage]);
-
-  const [triggerPublishComment, setTriggerPublishComment] = useState(false);
-
   // temporary title from JSON, gets subplebbitAddress from URL
   useEffect(() => {
     setSelectedAddress(subplebbitAddress);