diff --git a/packages/frontend/src/components/top-bar.tsx b/packages/frontend/src/components/top-bar.tsx index ff46dc4..3eba9d8 100644 --- a/packages/frontend/src/components/top-bar.tsx +++ b/packages/frontend/src/components/top-bar.tsx @@ -1,4 +1,5 @@ import { useMemo } from "react"; +import { useLocation, useNavigate } from "react-router-dom"; import Account from "@/components/account"; import { IssueForm } from "@/components/issue-form"; import LogOutButton from "@/components/log-out-button"; @@ -20,6 +21,7 @@ import { } from "@/components/ui/dropdown-menu"; import Icon from "@/components/ui/icon"; import { IconButton } from "@/components/ui/icon-button"; +import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs"; import { BREATHING_ROOM } from "@/lib/layout"; import { useOrganisations } from "@/lib/query/hooks"; @@ -27,6 +29,9 @@ export default function TopBar({ showIssueForm = true }: { showIssueForm?: boole const { user } = useAuthenticatedSession(); const { selectedOrganisationId, selectedProjectId } = useSelection(); const { data: organisationsData = [] } = useOrganisations(); + const location = useLocation(); + const navigate = useNavigate(); + const activeView = location.pathname.startsWith("/timeline") ? "timeline" : "issues"; const selectedOrganisation = useMemo( () => organisationsData.find((org) => org.Organisation.id === selectedOrganisationId) ?? null, @@ -50,6 +55,14 @@ export default function TopBar({ showIssueForm = true }: { showIssueForm?: boole /> {selectedOrganisationId && } + {selectedOrganisationId && ( + navigate(`/${value}`)}> + + Issues + Timeline + + + )} {selectedOrganisationId && selectedProjectId && showIssueForm && (