ivabus/www
1
0
Fork 0
mirror of https://github.com/ivabus/www synced 2024-11-26 05:55:05 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

package-bottle.jsx edit to inlude loading

Browse source
This commit is contained in:
Thomas Smith 2023-01-20 16:25:24 -05:00
parent 2be6f65817
commit 5de6a86c16
1 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/assets/scripts/package-bottles.jsx
View file

@ -1,13 +1,19 @@
function PackageBottles() { function PackageBottles() {
const [bottles, setBottles] = React.useState(); const [bottles, setBottles] = React.useState();
const [isLoading, setIsLoading] = React.useState(true);
React.useEffect(() => { React.useEffect(() => {
const url = window.location.pathname.replace('/+', 'https://app.tea.xyz/api/bottles/'); const url = window.location.pathname.replace('/+', 'https://app.tea.xyz/api/bottles/');
fetch(url) fetch(url)
.then((res) => res.json()) .then((res) => res.json())
.then((res) => setBottles(res)); .then((res) => {
setBottles(res);
setIsLoading(false);
});
}, []); }, []);
if (isLoading) return <div>Loading...</div>;
if (!bottles) return null; if (!bottles) return null;
const names = [...new Set(bottles.map((b) => b.name))]; const names = [...new Set(bottles.map((b) => b.name))];