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} + ); }