28 lines
1.0 KiB
TypeScript
28 lines
1.0 KiB
TypeScript
/* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
* file, You can obtain one at https://mozilla.org/MPL/2.0/. */
|
|
|
|
import React, { useContext, useEffect, useState } from 'react';
|
|
import SourceCard from '../components/SourceCard';
|
|
import NavBarTitle from '../context/NavbarTitle';
|
|
import client from '../util/client';
|
|
|
|
export default function Sources() {
|
|
const { setTitle } = useContext(NavBarTitle);
|
|
setTitle('Sources');
|
|
const [sources, setSources] = useState<ISource[]>([]);
|
|
const [fetched, setFetched] = useState<boolean>(false);
|
|
|
|
useEffect(() => {
|
|
client.get('/api/v1/source/list')
|
|
.then((response) => response.data)
|
|
.then((data) => { setSources(data); setFetched(true); });
|
|
}, []);
|
|
|
|
if (sources.length === 0) {
|
|
if (fetched) return (<h3>No sources found. Install Some Extensions first.</h3>);
|
|
return (<h3>loading...</h3>);
|
|
}
|
|
return <>{sources.map((it) => <SourceCard source={it} />)}</>;
|
|
}
|