diff --git a/app/src/Routes.tsx b/app/src/Routes.tsx
index 6887ac4ffd..3dd8f1f51a 100644
--- a/app/src/Routes.tsx
+++ b/app/src/Routes.tsx
@@ -24,6 +24,7 @@ import {
ExperimentsPage,
homeLoader,
Layout,
+ LoginPage,
ModelPage,
ModelRoot,
projectLoader,
@@ -37,110 +38,113 @@ import {
const router = createBrowserRouter(
createRoutesFromElements(
- } errorElement={}>
-
- "model" }}
- element={}
- >
- } />
- }>
-
+ }>
+ } />
+ }>
+
+ "model" }}
+ element={}
+ >
+ } />
+ }>
+
+ }
+ loader={dimensionLoader}
+ />
+
+
+
}
- loader={dimensionLoader}
+ path=":embeddingDimensionId"
+ element={}
+ loader={embeddingLoader}
+ handle={{
+ // `crumb` is your own abstraction, we decided
+ // to make this one a function so we can pass
+ // the data from the loader to it so that our
+ // breadcrumb is made up of dynamic content
+ crumb: (data: embeddingLoaderQuery$data) => data.embedding.name,
+ }}
/>
-
+ "projects" }}
+ element={}
+ >
+ } />
}
- loader={embeddingLoader}
+ path=":projectId"
+ element={}
+ loader={projectLoader}
handle={{
- // `crumb` is your own abstraction, we decided
- // to make this one a function so we can pass
- // the data from the loader to it so that our
- // breadcrumb is made up of dynamic content
- crumb: (data: embeddingLoaderQuery$data) => data.embedding.name,
+ crumb: (data: projectLoaderQuery$data) => data.project.name,
}}
- />
+ >
+ } />
+ }>
+ } />
+
+
+
+ "datasets" }}>
+ } />
+ data.dataset.name,
+ }}
+ >
+ } loader={datasetLoader}>
+ }
+ loader={experimentsLoader}
+ />
+ }
+ loader={experimentsLoader}
+ />
+ }
+ loader={examplesLoader}
+ >
+ } />
+
+
+ "compare",
+ }}
+ loader={experimentCompareLoader}
+ element={}
+ />
+
-
- "projects" }}
- element={}
- >
- } />
}
- loader={projectLoader}
+ path="/apis"
+ element={}
handle={{
- crumb: (data: projectLoaderQuery$data) => data.project.name,
+ crumb: () => "APIs",
}}
- >
- } />
- }>
- } />
-
-
-
- "datasets" }}>
- } />
+ />
}
handle={{
- crumb: (data: datasetLoaderQuery$data) => data.dataset.name,
+ crumb: () => "Settings",
}}
- >
- } loader={datasetLoader}>
- }
- loader={experimentsLoader}
- />
- }
- loader={experimentsLoader}
- />
- }
- loader={examplesLoader}
- >
- } />
-
-
- "compare",
- }}
- loader={experimentCompareLoader}
- element={}
- />
-
+ />
- }
- handle={{
- crumb: () => "APIs",
- }}
- />
- }
- handle={{
- crumb: () => "Settings",
- }}
- />
),
{
diff --git a/app/src/components/nav/Logo.tsx b/app/src/components/nav/Logo.tsx
index 4ad8d34477..7b69e35573 100644
--- a/app/src/components/nav/Logo.tsx
+++ b/app/src/components/nav/Logo.tsx
@@ -1,14 +1,15 @@
import React from "react";
import { css } from "@emotion/react";
-export function Logo() {
+export function Logo(props: { size?: number }) {
+ const { size = 28 } = props;
return (