diff --git a/src/app/observatories/page.tsx b/src/app/observatories/page.tsx
index d1a919e..6a1ac17 100644
--- a/src/app/observatories/page.tsx
+++ b/src/app/observatories/page.tsx
@@ -8,11 +8,38 @@ import { fetcher } from "@utils/axiosHelpers";
import { Observatory } from "@prismaclient";
import { getRelativeDate } from "@utils/formatters";
import GeologicalEvent from "@appTypes/Event";
+import { useStoreState } from "@hooks/store";
+
+function NoAccessModal({ open, onClose }) {
+ if (!open) return null;
+ return (
+
@@ -64,13 +99,18 @@ export default function Observatories() {
setHoveredEventId={setHoveredEventId}
button1Name="Log a New Observatory"
button2Name="Search Observatories"
- onButton1Click={() => setLogModalOpen(true)}
+ onButton1Click={handleLogClick}
+ button1Disabled={!canLogObservatory}
/>
setLogModalOpen(false)}
onSuccess={() => mutate()}
/>
+ setNoAccessModalOpen(false)}
+ />
);
}
diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index e9c56fd..27f5c22 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -2,7 +2,6 @@ import React, { Dispatch, SetStateAction, useEffect, useRef } from "react";
import { TbHexagon } from "react-icons/tb";
import GeologicalEvent from "@appTypes/Event";
import getMagnitudeColor from "@utils/getMagnitudeColour";
-
interface SidebarProps {
logTitle: string;
logSubtitle: string;