Skip to content

Commit df7e7aa

Browse files
committed
Update dependencies and some minor cleanup
1 parent 6004251 commit df7e7aa

File tree

3 files changed

+35
-51
lines changed

3 files changed

+35
-51
lines changed

package.json

Lines changed: 10 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "parquet-viewer",
33
"private": true,
4-
"version": "0.0.0",
4+
"version": "0.1.0",
55
"license": "MIT",
66
"type": "module",
77
"scripts": {
@@ -10,28 +10,27 @@
1010
"build": "tsc -b && vite build",
1111
"lint": "eslint .",
1212
"preview": "vite preview",
13-
"test": "vitest"
13+
"test": "vitest run"
1414
},
1515
"dependencies": {
16-
"@huggingface/hub": "0.21.0",
17-
"@hyparam/components": "0.1.10",
16+
"@huggingface/hub": "1.0.0",
17+
"@hyparam/components": "0.1.11",
1818
"react": "18.3.1",
1919
"react-dom": "18.3.1"
2020
},
2121
"devDependencies": {
22-
"@eslint/js": "9.16.0",
23-
"@types/react": "18.3.12",
22+
"@types/react": "18.3.18",
2423
"@types/react-dom": "18.3.1",
2524
"@vitejs/plugin-react": "4.3.4",
2625
"@vitest/coverage-v8": "2.1.8",
27-
"eslint": "9.16.0",
26+
"eslint": "9.17.0",
2827
"eslint-plugin-react": "7.37.2",
29-
"eslint-plugin-react-hooks": "5.0.0",
28+
"eslint-plugin-react-hooks": "5.1.0",
3029
"eslint-plugin-react-refresh": "0.4.16",
31-
"globals": "15.13.0",
30+
"globals": "15.14.0",
3231
"typescript": "5.7.2",
33-
"typescript-eslint": "8.17.0",
34-
"vite": "5.4.11",
32+
"typescript-eslint": "8.18.1",
33+
"vite": "6.0.4",
3534
"vitest": "2.1.8"
3635
}
3736
}

src/components/Home.tsx

Lines changed: 19 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,9 @@ import Search from './Search.js'
99
* Home page
1010
*/
1111
export default function Home({ auth }: { auth: OAuthResult | undefined }) {
12+
// @ts-expect-error avatarUrl is real
13+
// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
14+
const avatarUrl: string | undefined = auth?.userInfo.avatarUrl
1215

1316
function onUrlSubmit(event: FormEvent<HTMLFormElement>) {
1417
event.preventDefault()
@@ -27,22 +30,26 @@ export default function Home({ auth }: { auth: OAuthResult | undefined }) {
2730

2831
<section>
2932
<h3>Select a dataset on Hugging Face</h3>
30-
{
31-
auth ?
32-
<p>Logged in as
33-
<img src={auth.userInfo.avatarUrl} alt={auth.userInfo.name} style={{ width: '1rem', height: '1rem', borderRadius: '50%', margin: '0 0.5rem' }} />
34-
{auth.userInfo.name} (<a onClick={() => {logout()}}>Log out</a>). You can search your private and gated datasets.</p>
35-
: <><p>Log in to search your private and gated datasets</p><p><a
36-
onClick={() => {
37-
login().catch(() => undefined)
38-
}}
39-
>
33+
{auth &&
34+
<p>Logged in as
35+
<img src={avatarUrl} alt={auth.userInfo.name} className='avatar' />
36+
{auth.userInfo.name} (<a onClick={logout}>Log out</a>).
37+
You can search your private and gated datasets.
38+
</p>
39+
}
40+
{!auth && <>
41+
<p>Log in to search your private and gated datasets</p>
42+
<p>
43+
<a onClick={() => {
44+
login().catch(() => undefined)
45+
}}>
4046
<img
4147
src={HFLoginIcon}
4248
alt="Sign in with Hugging Face"
4349
/>
44-
</a></p></>
45-
}
50+
</a>
51+
</p>
52+
</>}
4653
<p>Search for dataset:</p>
4754
<Search accessToken={auth?.accessToken}></Search>
4855
</section>

src/styles/index.css

Lines changed: 6 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -586,37 +586,15 @@ main {
586586
max-width: 640px;
587587
margin: 0 auto;
588588
}
589-
/* quick link buttons */
590-
.quick-links {
591-
display: flex;
592-
flex-wrap: wrap;
593-
gap: 10px;
594-
list-style: none;
595-
}
596-
.quick-links li {
597-
display: flex;
598-
flex: 1 1 calc(50% - 10px);
599-
min-width: 0;
600-
}
601-
.quick-links a {
602-
background-position: 10px center;
603-
background-size: 18px;
604-
border: 1px solid #444;
605-
border-radius: 4px;
606-
font-size: 8pt;
607-
overflow: hidden;
608-
padding: 12px;
609-
padding-left: 36px;
610-
text-overflow: ellipsis;
611-
white-space: nowrap;
612-
width: 100%;
613-
}
614-
.quick-links a:hover {
615-
background-color: #cec;
616-
}
617589
.huggingface {
618590
background: url('../assets/huggingface.svg') no-repeat 8px center;
619591
}
592+
.avatar {
593+
width: 1rem;
594+
height: 1rem;
595+
border-radius: 50%;
596+
margin: 0 0.5rem;
597+
}
620598

621599
h1 {
622600
font-family: 'Century Gothic', 'Helvetica Neue', Helvetica, Arial, sans-serif;

0 commit comments

Comments
 (0)