diff --git a/client/src/pages/AboutPage.tsx b/client/src/pages/AboutPage.tsx
index 784c6878..ed12a919 100644
--- a/client/src/pages/AboutPage.tsx
+++ b/client/src/pages/AboutPage.tsx
@@ -1,28 +1,23 @@
import { GitHub } from "@mui/icons-material";
-import { TabContext, TabList } from "@mui/lab";
import {
Avatar,
Box,
List,
- ListItem,
ListItemAvatar,
ListItemButton,
ListItemIcon,
ListItemText,
- Tab,
Typography as Type,
- Typography,
} from "@mui/material";
-import { Scroll } from "components/generic/Scrollbars";
import { Flex } from "components/generic/Flex";
+import { Scroll } from "components/generic/Scrollbars";
import { useViewTreeContext } from "components/inspector/ViewTree";
-import { Page } from "pages/Page";
import { head } from "lodash";
-import { ReactNode, useState } from "react";
-import { useSettings } from "slices/settings";
+import { Page } from "pages/Page";
import logo from "public/logo512.png";
+import { ReactNode } from "react";
-const version = "0.1.2";
+const version = "1.0.4";
const contacts = [
{ name: "Dr Daniel Harabor", email: "daniel.harabor@monash.edu" },
@@ -35,13 +30,8 @@ const contacts = [
{ name: "Rory Tobin-Underwood", email: "rorytu@gmail.com" },
];
-const formatLabel = (v: number) => `${v}x`;
-
export function AboutPage() {
const { controls, onChange, state } = useViewTreeContext();
- const [{ playbackRate = 1, acrylic, theme = "light" }, setSettings] =
- useSettings();
- const [tab, setTab] = useState("general");
function renderSection(label: ReactNode, content: ReactNode) {
return (
@@ -53,71 +43,70 @@ export function AboutPage() {
);
}
return (
-
-
-
-
- {" "}
-
-
-
-
-
- Waypoint {version}
- {renderSection(
- "About this App",
- <>
- Waypoint is a visualising debugging tool for pathfinding
- search. It can be used to visualise progression of search
- and debug pathfinding algorithms. It can handle range of
- different types of algorithms (demos are provided in the
- home page). This tool is highly customizable and provide
- flexibility to visualise any algorithm trace that you can
- augment using our docs.
- >
- )}
- {renderSection(
- "Team",
- <>
- Our team is made up of present/past Monash students and
- Professors Dr Daniel Harabor:
-
- {contacts.map(({ name, email }) => (
-
-
- {head(name)}
-
-
-
- ))}
-
- >
- )}
- {renderSection(
- "Resources",
- <>
-
-
-
-
-
-
-
-
- >
- )}
+
+
+
+ {" "}
+
+
+
+
-
-
-
- {controls}
-
-
+ Waypoint {version}
+ {renderSection("Build Info", <>{version}; late September 2023>)}
+ {renderSection(
+ "About this App",
+ <>
+ Waypoint is a visualising debugging tool for pathfinding
+ search. It can be used to visualise progression of search and
+ debug pathfinding algorithms. It can handle range of different
+ types of algorithms (demos are provided in the home page).
+ This tool is highly customizable and provide flexibility to
+ visualise any algorithm trace that you can augment using our
+ docs.
+ >
+ )}
+ {renderSection(
+ "Team",
+ <>
+ Our team is made up of present/past Monash students and
+ Professors Dr Daniel Harabor:
+
+ {contacts.map(({ name, email }) => (
+
+
+ {head(name)}
+
+
+
+ ))}
+
+ >
+ )}
+ {renderSection(
+ "Resources",
+ <>
+
+
+
+
+
+
+
+
+ >
+ )}
+
+
+
+
+ {controls}
+
);
}