Merge pull request #6 from foundersandcoders:ui-fixes

UI fixes

Author: JasonWarrenUK

.gitignore

@@ -25,4 +25,5 @@ allcode.txt
 *.sw?
 
 .env.*
-.env.development
+.env.development
+.aider*

allcode.py

@@ -2,7 +2,14 @@
 import os
 
 # Directories to exclude (won't be recursed into) - comparison done case-insensitively.
-EXCLUDE_DIRS = {"node_modules", ".git", ".github", "dist", "public"}
+EXCLUDE_DIRS = {
+    "node_modules",
+    ".git",
+    ".github",
+    "dist",
+    "public",
+    ".aider.tags.cache.v3",
+}
 
 # Files to exclude (by exact name, case-insensitive)
 EXCLUDE_FILES = {
@@ -24,6 +31,8 @@
     ".env.development",
     "vite-env.d.ts",
     ".DS_Store",
+    ".aider.chat.history.md",
+    ".aider.input.history",
 }
 
 

data/setQuestions.json

@@ -18,7 +18,7 @@
           "allowedVerbs": ["Share"]
         },
         "object": {
-          "question": "List the factors affecting your wellbeing.",
+          "question": "what?",
           "preset": false,
           "presetAnswer": null
         },

src/App.tsx

@@ -1,17 +1,17 @@
 'use client';
 
 import React from 'react';
-import { StatementsProvider } from './context/StatementsProvider';
+import { EntriesProvider } from './context/EntriesProvider';
 import LoginPage from './components/LoginPage';
 import Header from './components/Header';
 import MainPage from './components/MainPage';
 import { TooltipProvider } from '@radix-ui/react-tooltip';
-import { useStatements } from './hooks/useStatements';
+import { useEntries } from './hooks/useEntries';
 import { QuestionsProvider } from './context/QuestionsProvider';
 
 // Outer Component: Responsible only for setting up the environment (the providers) for the rest of the app.
 const AppContent: React.FC = () => {
-  const { data, setData } = useStatements();
+  const { data, setData } = useEntries();
 
   const handleLoginSubmit = (username: string, managerEmail: string) => {
     // Dispatch an action to update the username in context.
@@ -36,11 +36,11 @@ const AppContent: React.FC = () => {
 const App: React.FC = () => {
   return (
     <TooltipProvider>
-      <StatementsProvider>
+      <EntriesProvider>
         <QuestionsProvider>
           <AppContent />
         </QuestionsProvider>
-      </StatementsProvider>
+      </EntriesProvider>
     </TooltipProvider>
   );
 };

src/api/entriesApi.ts

@@ -0,0 +1,43 @@
+import type { Entry } from '../../types/entries';
+
+const API_URL = import.meta.env.VITE_API_URL;
+console.log('Backend API:', API_URL);
+
+export async function postNewEntry(entry: Entry): Promise<void> {
+  try {
+    const response = await fetch(`${API_URL}/write`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify(entry),
+    });
+    if (!response.ok) {
+      throw new Error(`HTTP error on POST! status: ${response.status}`);
+    }
+    const data = await response.json();
+    console.log('Successfully posted entry:', data);
+    // Optionally fetch updated data if needed...
+  } catch (error) {
+    console.error('Error posting new entry:', error);
+  }
+}
+
+export async function updateEntry(entry: Entry): Promise<void> {
+  try {
+    const response = await fetch(`${API_URL}/updateEntry`, {
+      method: 'PUT', // or PATCH, depending on your backend implementation
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify(entry),
+    });
+    if (!response.ok) {
+      throw new Error(`HTTP error on update! status: ${response.status}`);
+    }
+    const data = await response.json();
+    console.log('Successfully updated entry:', data);
+  } catch (error) {
+    console.error('Error updating entry:', error);
+  }
+}