Replace home page with logged calls page

app/@types/nextjs-routes.d.ts

@@ -22,8 +22,8 @@ declare module "nextjs-routes" {
     | StaticRoute<"/data">
     | DynamicRoute<"/experiments/[id]", { "id": string }>
     | StaticRoute<"/experiments">
-    | StaticRoute<"/home">
     | StaticRoute<"/">
+    | StaticRoute<"/logged-calls">
     | StaticRoute<"/project/settings">
     | StaticRoute<"/sentry-example-page">
     | StaticRoute<"/world-champs">

app/src/components/nav/AppShell.tsx

@@ -13,6 +13,7 @@ import {
 import Head from "next/head";
 import Link from "next/link";
 import { BsGearFill, BsGithub, BsPersonCircle } from "react-icons/bs";
+import { IoStatsChartOutline } from "react-icons/io5";
 import { RiDatabase2Line, RiFlaskLine } from "react-icons/ri";
 import { signIn, useSession } from "next-auth/react";
 import UserMenu from "./UserMenu";
@@ -51,6 +52,7 @@ const NavSidebar = () => {
           <>
             <ProjectMenu />
             <Divider />
+            <IconLink icon={IoStatsChartOutline} label="Logged Calls" href="/logged-calls" />
             <IconLink icon={RiFlaskLine} label="Experiments" href="/experiments" />
             {env.NEXT_PUBLIC_SHOW_DATA && (
               <IconLink icon={RiDatabase2Line} label="Data" href="/data" />

app/src/components/nav/ProjectBreadcrumbContents.tsx

@@ -1,5 +1,4 @@
 import { HStack, Flex, Text } from "@chakra-ui/react";
-import Link from "next/link";
 import { useSelectedOrg } from "~/utils/hooks";
 
 // Have to export only contents here instead of full BreadcrumbItem because Chakra doesn't
@@ -10,22 +9,20 @@ export default function ProjectBreadcrumbContents({ orgName = "" }: { orgName?:
   orgName = orgName || selectedOrg?.name || "";
 
   return (
-    <Link href="/home">
+    <HStack w="full">
-      <HStack w="full">
+      <Flex
-        <Flex
+        p={1}
-          p={1}
+        borderRadius={4}
-          borderRadius={4}
+        backgroundColor="orange.100"
-          backgroundColor="orange.100"
+        boxSize={6}
-          boxSize={6}
+        alignItems="center"
-          alignItems="center"
+        justifyContent="center"
-          justifyContent="center"
+      >
-        >
+        <Text>{orgName[0]?.toUpperCase()}</Text>
-          <Text>{orgName[0]?.toUpperCase()}</Text>
+      </Flex>
-        </Flex>
+      <Text display={{ base: "none", md: "block" }} py={1}>
-        <Text display={{ base: "none", md: "block" }} py={1}>
+        {orgName}
-          {orgName}
+      </Text>
-        </Text>
+    </HStack>
-      </HStack>
-    </Link>
   );
 }

app/src/components/nav/ProjectMenu.tsx

@@ -86,7 +86,7 @@ export default function ProjectMenu() {
             PROJECT
           </Text>
           <NavSidebarOption activeHrefPattern="/home" disableHoverEffect={expandButtonHovered}>
-            <Link href="/home">
+            <Link href="/logged-calls">
               <HStack w="full" justifyContent="space-between">
                 <HStack>
                   <Flex
@@ -180,7 +180,7 @@ const ProjectOption = ({
   return (
     <HStack
       as={Link}
-      href="/home"
+      href="/logged-calls"
       onClick={() => {
         setSelectedOrgId(org.id);
         onClose();

app/src/components/projectSettings/DeleteProjectDialog.tsx

@@ -36,7 +36,7 @@ export const DeleteProjectDialog = ({
     if (!selectedOrg.data?.id) return;
     await deleteMutation.mutateAsync({ id: selectedOrg.data.id });
     await utils.organizations.list.invalidate();
-    await router.push({ pathname: "/home" });
+    await router.push({ pathname: "/logged-calls" });
     onClose();
   }, [deleteMutation, selectedOrg, router]);
 

app/src/pages/index.tsx

@@ -4,7 +4,7 @@ import { type GetServerSideProps } from "next";
 export const getServerSideProps: GetServerSideProps = async () => {
   return {
     redirect: {
-      destination: "/home",
+      destination: "/logged-calls",
       permanent: false,
     },
   };

app/src/pages/logged-calls/index.tsx

@@ -39,7 +39,7 @@ import dayjs from "~/utils/dayjs";
 import { api } from "~/utils/api";
 import LoggedCallTable from "~/components/dashboard/LoggedCallTable";
 
-export default function HomePage() {
+export default function LoggedCalls() {
   const { data: selectedOrg } = useSelectedOrg();
 
   const stats = api.dashboard.stats.useQuery(
@@ -65,7 +65,7 @@ export default function HomePage() {
             <ProjectBreadcrumbContents />
           </BreadcrumbItem>
           <BreadcrumbItem isCurrentPage>
-            <Text>Homepage</Text>
+            <Text>Logged Calls</Text>
           </BreadcrumbItem>
         </Breadcrumb>
       </PageHeaderContainer>