mirror of
https://github.com/SomboChea/ui
synced 2024-05-18 01:11:36 +07:00
40 lines
1.0 KiB
TypeScript
40 lines
1.0 KiB
TypeScript
import React, { useEffect, useState } from 'react';
|
|
|
|
import { PackageList } from '../../components/PackageList';
|
|
import API from '../../utils/api';
|
|
import Loading from '../../components/Loading';
|
|
|
|
interface Props {
|
|
isUserLoggedIn: boolean;
|
|
}
|
|
|
|
const Home: React.FC<Props> = ({ isUserLoggedIn }) => {
|
|
const [packages, setPackages] = useState([]);
|
|
const [isLoading, setIsLoading] = useState(true);
|
|
const loadPackages = async () => {
|
|
try {
|
|
const packages = await API.request('packages', 'GET');
|
|
// FIXME add correct type for package
|
|
setPackages(packages as never[]);
|
|
} catch (error) {
|
|
// FIXME: add dialog
|
|
console.error({
|
|
title: 'Warning',
|
|
message: `Unable to load package list: ${error.message}`,
|
|
});
|
|
}
|
|
setIsLoading(false);
|
|
};
|
|
useEffect(() => {
|
|
loadPackages().then();
|
|
}, [isUserLoggedIn]);
|
|
|
|
return (
|
|
<div className="container content" data-testid="home-page-container">
|
|
{isLoading ? <Loading /> : <PackageList packages={packages} />}
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Home;
|