refactor: rename statements to entries

Author: AlexVOiceover

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}/newEntry`, {
+      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);
+  }
+}

src/api/statementsApi.ts

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { useStatements } from '../hooks/useStatements';
+import { useEntries } from '../hooks/useEntries';
 
 import {
   Dialog,
@@ -19,7 +19,7 @@ import LargeCircularQuestionCounter from './ui/questionCounter/LargeCircularQues
 
 const Header: React.FC = () => {
   // const { questions, setQuestions } = useQuestions();
-  const { data, setData } = useStatements();
+  const { data, setData } = useEntries();
   const [isDashboardOpen, setIsDashboardOpen] = useState(false);
   const [isEditingEmail, setIsEditingEmail] = useState(false);
   const [managerEmailInput, setManagerEmailInput] = useState(

src/components/Header.tsx

@@ -2,10 +2,10 @@
 
 import React from 'react';
 import StatementList from './statements/StatementList';
-import { useStatements } from '../hooks/useStatements';
+import { useEntries } from '../hooks/useEntries';
 
 const MainPage: React.FC = () => {
-  const { data } = useStatements();
+  const { data } = useEntries();
   const { username } = data;
   return (
     <main className='min-h-screen bg-gradient-to-b from-gray-50 to-gray-100 py-12 '>