From 98be17522ef0474a40b134a3ca4e0d2e8096d469 Mon Sep 17 00:00:00 2001
From: dan <me@danrh.co.uk>
Date: Wed, 3 Jan 2024 18:36:53 -0500
Subject: feat: stuff changed

---
 src/pages/Surveys/SurveysList.js | 36 +++++++++++++++++++++++-------------
 1 file changed, 23 insertions(+), 13 deletions(-)

(limited to 'src/pages/Surveys')

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
-- 
cgit v1.2.3