diff options
Diffstat (limited to 'src/pages/Surveys')
| -rw-r--r-- | src/pages/Surveys/SurveysList.js | 36 | 
1 files changed, 23 insertions, 13 deletions
| diff --git a/src/pages/Surveys/SurveysList.js b/src/pages/Surveys/SurveysList.js index c9c5b90..a320716 100644 --- a/src/pages/Surveys/SurveysList.js +++ b/src/pages/Surveys/SurveysList.js @@ -1,9 +1,10 @@  import React from "react";  import Box from "@mui/material/Box";  import { DataGrid } from "@mui/x-data-grid"; +import useLocalStorage from "../../hooks/useLocalStorage"; +import { Link } from "react-router-dom";  const columns = [ -  { field: "id", headerName: "ID", width: 90 },    {      field: "name",      headerName: "Name", @@ -14,21 +15,30 @@ const columns = [      headerName: "Next Run",      width: 150,    }, -]; - -const rows = [ -  { id: 1, name: "survey", next_run_at: "Mon 28 Aug 16:35:36 EDT 2023" }, -  { id: 2, name: "survey", next_run_at: "Mon 28 Aug 16:35:36 EDT 2023" }, -  { id: 3, name: "survey", next_run_at: "Mon 28 Aug 16:35:36 EDT 2023" }, -  { id: 4, name: "survey", next_run_at: "Mon 28 Aug 16:35:36 EDT 2023" }, -  { id: 5, name: "survey", next_run_at: "Mon 28 Aug 16:35:36 EDT 2023" }, -  { id: 6, name: "survey", next_run_at: "Mon 28 Aug 16:35:36 EDT 2023" }, -  { id: 7, name: "survey", next_run_at: "Mon 28 Aug 16:35:36 EDT 2023" }, -  { id: 8, name: "survey", next_run_at: "Mon 28 Aug 16:35:36 EDT 2023" }, -  { id: 9, name: "survey", next_run_at: "Mon 28 Aug 16:35:36 EDT 2023" }, +  { +    field: "edit_survey_link", +    headerName: "", +    renderCell: ({ row }) => <Link to={`${row?.path}`}>Edit</Link>, +    width: 150, +  }, +  { +    field: "results_survey_link", +    headerName: "", +    renderCell: ({ row }) => <Link to={`${row?.path}/results`}>Results</Link>, +    width: 150, +  },  ];  export default function SurveysList() { +  const [forms] = useLocalStorage(`forms`, {}); + +  const rows = Object.keys(forms).map((id, i) => ({ +    id, +    name: `Survey ${i}`, +    next_run_at: "Mon 28 Aug 16:35:36 EDT 2023", +    path: `/surveys/${id}`, +  })); +    return (      <Box sx={{ minHeight: "100%", width: "100%" }}>        <DataGrid | 
