clip: Reload sources by clicking sources button

assets/js/templates/NavToolBar.jsx

@@ -4,6 +4,7 @@ import { Link } from 'react-router-dom';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import * as icons from '../icons';
 import { LocalizationContext } from '../helpers/i18n';
+import { forceReload } from '../helpers/uri';
 
 function handleReloadAll({ reloadAll, setReloading, setNavExpanded }) {
     setReloading(true);
@@ -39,6 +40,15 @@ export default function NavToolBar({ reloadAll, setNavExpanded }) {
         [setNavExpanded]
     );
 
+    const settingsLink = React.useCallback(
+        (location) => ({
+            ...location,
+            pathname: '/manage/sources',
+            state: forceReload(location),
+        }),
+        []
+    );
+
     const logoutOnClick = React.useCallback(
         () => handleLogOut({ setNavExpanded }),
         [setNavExpanded]
@@ -66,7 +76,7 @@ export default function NavToolBar({ reloadAll, setNavExpanded }) {
                 title={_('settingsbutton')}
                 aria-label={_('settingsbutton')}
                 accessKey="t"
-                to="/manage/sources"
+                to={settingsLink}
                 onClick={settingsOnClick}
             >
                 <FontAwesomeIcon

assets/js/templates/SourcesPage.jsx

@@ -6,6 +6,7 @@ import { SpinnerBig } from './Spinner';
 import { LoadingState } from '../requests/LoadingState';
 import * as sourceRequests from '../requests/sources';
 import { getAllSources } from '../requests/sources';
+import { useShouldReload } from '../helpers/hooks';
 import { LocalizationContext } from '../helpers/i18n';
 import { HttpError } from '../errors';
 
@@ -75,6 +76,8 @@ export default function SourcesPage() {
 
     const [loadingState, setLoadingState] = React.useState(LoadingState.INITIAL);
 
+    const forceReload = useShouldReload();
+
     React.useEffect(() => {
         const abortController = new AbortController();
 
@@ -83,7 +86,7 @@ export default function SourcesPage() {
         return () => {
             abortController.abort();
         };
-    }, []);
+    }, [forceReload]);
 
     const addOnClick = React.useCallback(
         (event) => handleAddSource({ event, setSources, setSpouts }),