aboutsummaryrefslogtreecommitdiffstats
path: root/src/pages/Surveys
diff options
context:
space:
mode:
Diffstat (limited to 'src/pages/Surveys')
-rw-r--r--src/pages/Surveys/SurveysList.js36
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