Skip to content
5 changes: 4 additions & 1 deletion src/components/App/App.tsx
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
import { useMemo } from 'react'
import { Config, ConfigProvider } from '../../hooks/useConfig.js'
import { getHttpSource } from '../../lib/sources/httpSource.js'
import { getHuggingFaceSource } from '../../lib/sources/huggingFaceSource.js'
import { getHyperparamSource } from '../../lib/sources/hyperparamSource.js'
import Page from '../Page/Page.js'

Expand All @@ -10,7 +11,9 @@ export default function App() {
const row = search.get('row') === null ? undefined : Number(search.get('row'))
const col = search.get('col') === null ? undefined : Number(search.get('col'))

const source = getHttpSource(sourceId) ?? getHyperparamSource(sourceId, { endpoint: location.origin })
const source = getHuggingFaceSource(sourceId) ??
getHttpSource(sourceId) ??
getHyperparamSource(sourceId, { endpoint: location.origin })

// Memoize the config to avoid creating a new object on each render
const config: Config = useMemo(() => ({
Expand Down
9 changes: 8 additions & 1 deletion src/components/Breadcrumb/Breadcrumb.module.css
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@
min-height: 32px;
border-bottom: 1px solid #ddd;
background: var(--color-background-dark);
padding: 0 10px 0 20px;
padding: 0 20px;
border-radius: var(--border-radius-lg);
margin: var(--space-3xs);
/* TODO(SL): forbid overflow? */
Expand Down Expand Up @@ -56,6 +56,13 @@

.versions {
padding-left: 4px;
& > button {
color: #eee;

&:hover, &:focus {
color: #fff
}
}

[aria-current] {
font-weight: bold;
Expand Down
Loading