aboutsummaryrefslogtreecommitdiff
path: root/paste-ui/src/list.js
diff options
context:
space:
mode:
Diffstat (limited to 'paste-ui/src/list.js')
-rw-r--r--paste-ui/src/list.js46
1 files changed, 0 insertions, 46 deletions
diff --git a/paste-ui/src/list.js b/paste-ui/src/list.js
deleted file mode 100644
index 9371367..0000000
--- a/paste-ui/src/list.js
+++ /dev/null
@@ -1,46 +0,0 @@
-import { useState } from "react";
-import { useEffect } from "react";
-
-
-export default function List() {
- const [error, setError] = useState(null);
- const [isLoaded, setIsLoaded] = useState(false);
- const [items, setItems] = useState([]);
-
- // Note: the empty deps array [] means
- // this useEffect will run once
- // similar to componentDidMount()
- useEffect(() => {
- fetch("http://localhost:6130/api/v1/list")
- .then(res => res.json())
- .then(
- (result) => {
- setIsLoaded(true);
- setItems(result);
- },
- // Note: it's important to handle errors here
- // instead of a catch() block so that we don't swallow
- // exceptions from actual bugs in components.
- (error) => {
- setIsLoaded(true);
- setError(error);
- }
- )
- }, [])
-
- if (error) {
- return <div>Error: {error.message}</div>;
- } else if (!isLoaded) {
- return <div>Loading...</div>;
- } else {
- return (
- <ul>
- {items.map(item => (
- <li>
- ID: {item.id} Size: {item.size}
- </li>
- ))}
- </ul>
- );
- }
-} \ No newline at end of file