feat(gui): Display developer responses to feedback (#302)

src-gui/src/renderer/components/pages/help/SettingsPage.tsx

@@ -0,0 +1,38 @@
+import { Box, makeStyles } from "@material-ui/core";
+import ContactInfoBox from "./ContactInfoBox";
+import DonateInfoBox from "./DonateInfoBox";
+import DaemonControlBox from "./DaemonControlBox";
+import SettingsBox from "./SettingsBox";
+import ExportDataBox from "./ExportDataBox";
+import { useLocation } from "react-router-dom";
+import { useEffect } from "react";
+
+const useStyles = makeStyles((theme) => ({
+  outer: {
+    display: "flex",
+    gap: theme.spacing(2),
+    flexDirection: "column",
+    paddingBottom: theme.spacing(2),
+  },
+}));
+
+export default function SettingsPage() {
+  const classes = useStyles();
+  const location = useLocation();
+
+  useEffect(() => {
+    if (location.hash) {
+      const element = document.getElementById(location.hash.slice(1));
+      element?.scrollIntoView({ behavior: "smooth" });
+    }
+  }, [location]);
+
+  return (
+    <Box className={classes.outer}>
+      <SettingsBox />
+      <ExportDataBox />
+      <DaemonControlBox />
+      <DonateInfoBox />
+    </Box>
+  );
+}