diff --git a/src/components/home/DashboardMode.tsx b/src/components/home/DashboardMode.tsx
index 811034f..96513a9 100644
--- a/src/components/home/DashboardMode.tsx
+++ b/src/components/home/DashboardMode.tsx
@@ -91,7 +91,7 @@ export default function DashboardMode(props: { user: User | null }) {
) : (
{allForms.map((f) => {
- const responsesForThisForm = formIdToResponses[f.id] || [];
+import { Tooltip } from '../misc';
const badgeColor = f.is_open
? 'bg-green-100 text-green-800'
: 'bg-red-100 text-red-800';
@@ -113,8 +113,13 @@ export default function DashboardMode(props: { user: User | null }) {
- {f.is_open ? 'Open' : 'Closed'}
-
+
+
+ {f.is_open ? 'Open' : 'Closed'}
+
+
{f.created_at && (
@@ -173,4 +178,4 @@ export default function DashboardMode(props: { user: User | null }) {
);
}
-}
+}
\ No newline at end of file
diff --git a/src/components/misc.tsx b/src/components/misc.tsx
index e812f38..8407f0f 100644
--- a/src/components/misc.tsx
+++ b/src/components/misc.tsx
@@ -18,3 +18,16 @@ export const titleGradient = 'bg-gradient-to-r from-purple-600 to-blue-400';
export const titleGradientHover = 'hover:from-purple-500 hover:to-blue-300';
// const pinkGradient = 'from-yellow-400 via-pink-400 to-fuchsia-500';
// hover:from-yellow-300 hover:via-pink-300 hover:to-fuchsia-400
+
+import ReactTooltip from 'react-tooltip';
+
+export const Tooltip = ({ message, children }) => (
+
+
+ {message}
+
+
+ {children}
+
+
+);
\ No newline at end of file