- src/pages/index.tsx +5 -1
src/pages/index.tsx
CHANGED
@@ -33,6 +33,7 @@ export default function Home() {
|
|
33 |
<Stack spacing={4} useFlexGap>
|
34 |
<input value={repo} onChange={e => setRepo(e.target.value)}/>
|
35 |
<input value={path} onChange={e => setPath(e.target.value)}/>
|
|
|
36 |
{entries.map(i => <div key={i.path} style={{display: 'flex'}}>
|
37 |
<div style={{flex: 1}} onClick={() => {
|
38 |
if (i.type =='directory') {
|
@@ -44,7 +45,10 @@ export default function Home() {
|
|
44 |
<div style={{flex: 1}}>{i.type}</div>
|
45 |
</div>)}
|
46 |
{next ?
|
47 |
-
<button onClick={() => {
|
|
|
|
|
|
|
48 |
}}>more</button> : null}
|
49 |
</Stack>
|
50 |
</Container>
|
|
|
33 |
<Stack spacing={4} useFlexGap>
|
34 |
<input value={repo} onChange={e => setRepo(e.target.value)}/>
|
35 |
<input value={path} onChange={e => setPath(e.target.value)}/>
|
36 |
+
<button onClick={update}>update</button>
|
37 |
{entries.map(i => <div key={i.path} style={{display: 'flex'}}>
|
38 |
<div style={{flex: 1}} onClick={() => {
|
39 |
if (i.type =='directory') {
|
|
|
45 |
<div style={{flex: 1}}>{i.type}</div>
|
46 |
</div>)}
|
47 |
{next ?
|
48 |
+
<button onClick={async () => {
|
49 |
+
const data = await (await fetch(next)).json() as HFRes;
|
50 |
+
setEntries([...entries, ...data.entries]);
|
51 |
+
setNext(data.nextURL!)
|
52 |
}}>more</button> : null}
|
53 |
</Stack>
|
54 |
</Container>
|