All files / pages/Parks ParkIndexPage.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
 
 
 
 
 
 
 
 
20x
 
20x
 
 
 
 
 
 
20x
 
 
 
 
 
 
 
 
 
 
 
 
import React from "react";
import { useBackend } from "main/utils/useBackend";
import BasicLayout from "main/layouts/BasicLayout/BasicLayout";
import ParkTable from "main/components/Parks/ParkTable";
import { useCurrentUser } from "main/utils/currentUser";
import { Link } from "react-router-dom";
import Button from "react-bootstrap/Button";
 
export default function ParkIndexPage() {
    const currentUser = useCurrentUser();
 
    const { data: parks, error: _error, status: _status, } = useBackend(
        // Stryker disable next-line all : don't test internal caching of React Query
        ["/api/parks/all"],
        { method: "GET", url: "/api/parks/all" },
        []
    );
 
    return (
        <BasicLayout>
            <div className="pt-2">
                <Button style={{ float: "right" }} as={Link} to="/parks/create">
                    Create Park
                </Button>
                <h1>Parks</h1>
                <ParkTable parks={parks} currentUser={currentUser} />
            </div>
        </BasicLayout>
    );
}