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

Preloader added to bottles.jsx

Browse source
This commit is contained in:
Thomas Smith 2023-01-19 13:36:42 -05:00
parent f737eeff10
commit ef74d4fc00
1 changed files with 6 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/assets/scripts/bottles.jsx
View file

@ -1,12 +1,17 @@
function Bottles() { function Bottles() {
const [bottles, setBottles] = React.useState(); const [bottles, setBottles] = React.useState();
const [isLoading, setLoading] = React.useState(true);
React.useEffect(() => { React.useEffect(() => {
fetch("https://app.tea.xyz/api/bottles") fetch("https://app.tea.xyz/api/bottles")
.then((res) => res.json()) .then((res) => res.json())
.then((res) => setBottles(res)); .then((res) => {
setBottles(res);
setLoading(false);
});
}, []); }, []);
if (isLoading) return <p>Loading...</p>;
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))];