Updated at (#24)

* [backend/frontend] chore: Refactor api

backend/prisma/schema.prisma

@@ -15,6 +15,6 @@ model Note {
   id        Int      @id @default(autoincrement())
   title     String
   content   String
-  created_at DateTime @default(now())
-  updated_at DateTime @default(now())
+  createdAt DateTime @default(now()) @map("created_at")
+  updatedAt DateTime @default(now()) @map("updated_at")
 }

backend/prisma/seed.ts

@@ -6,56 +6,56 @@ export const seed = [
   {
     "title": "Meeting Notes",
     "content": "Discussed project timelines and goals.",
-    "created_at": "2024-02-05T23:33:42.252Z",
-    "updated_at": "2024-02-05T23:33:42.252Z",
+    "createdAt": "2024-02-05T23:33:42.252Z",
+    "updatedAt": "2024-02-05T23:33:42.252Z",
   },
   {
     "title": "Shopping List",
     "content": "Milk, eggs, bread, and fruits.",
-    "created_at": "2024-02-05T23:33:42.253Z",
-    "updated_at": "2024-02-05T23:33:42.253Z",
+    "createdAt": "2024-02-05T23:33:42.253Z",
+    "updatedAt": "2024-02-05T23:33:42.253Z",
   },
   {
     "title": "Recipe",
     "content": "Ingredients: Chicken, tomatoes, onions, garlic.",
-    "created_at": "2024-02-05T23:33:42.254Z",
-    "updated_at": "2024-02-05T23:33:42.254Z",
+    "createdAt": "2024-02-05T23:33:42.254Z",
+    "updatedAt": "2024-02-05T23:33:42.254Z",
   },
   {
     "title": "Ideas",
     "content": "Brainstorming ideas for the next feature release. 🚀",
-    "created_at": "2024-02-05T23:33:42.255Z",
-    "updated_at": "2024-02-05T23:33:42.255Z",
+    "createdAt": "2024-02-05T23:33:42.255Z",
+    "updatedAt": "2024-02-05T23:33:42.255Z",
   },
   {
     "title": "Personal Goals",
     "content": "Exercise for 30 minutes daily. Read a book every week.",
-    "created_at": "2024-02-05T23:33:42.256Z",
-    "updated_at": "2024-02-05T23:33:42.256Z",
+    "createdAt": "2024-02-05T23:33:42.256Z",
+    "updatedAt": "2024-02-05T23:33:42.256Z",
   },
   {
     "title": "Fête d'anniversaire",
     "content": "Préparer une surprise pour la fête d'anniversaire.",
-    "created_at": "2024-02-05T23:33:42.257Z",
-    "updated_at": "2024-02-05T23:33:42.257Z",
+    "createdAt": "2024-02-05T23:33:42.257Z",
+    "updatedAt": "2024-02-05T23:33:42.257Z",
   },
   {
     "title": "日本旅行",
     "content": "計画: 東京、京都、大阪を訪れる。",
-    "created_at": "2024-02-05T23:33:42.258Z",
-    "updated_at": "2024-02-05T23:33:42.258Z",
+    "createdAt": "2024-02-05T23:33:42.258Z",
+    "updatedAt": "2024-02-05T23:33:42.258Z",
   },
   {
     "title": "Семейный ужин",
     "content": "Приготовить вкусный ужин для всей семьи.",
-    "created_at": "2024-02-05T23:33:42.259Z",
-    "updated_at": "2024-02-05T23:33:42.259Z",
+    "createdAt": "2024-02-05T23:33:42.259Z",
+    "updatedAt": "2024-02-05T23:33:42.259Z",
   },
   {
     "title": "Coding Project",
     "content": "Implement new features using React and Express.",
-    "created_at": "2024-02-05T23:33:42.260Z",
-    "updated_at": "2024-02-05T23:33:42.260Z",
+    "createdAt": "2024-02-05T23:33:42.260Z",
+    "updatedAt": "2024-02-05T23:33:42.260Z",
   }
 ];
 

backend/src/index.ts

@@ -10,7 +10,7 @@ app.use(cors())
 
 app.get("/api/notes", async (req, res) => {
   try {
-    const notes = await prisma.note.findMany({ orderBy: { updated_at: "desc" }});
+    const notes = await prisma.note.findMany({ orderBy: { updatedAt: "desc" }});
     res.json(notes);
   }
   catch (error) {
@@ -50,7 +50,7 @@ app.put("/api/notes/:id", async (req, res) => {
     try {
       const updatedNote = await prisma.note.update({
         where: { id },
-        data: { title, content, updated_at: new Date()},
+        data: { title, content, updatedAt: new Date()},
       });
       res.json(updatedNote);
     } catch (error) {

backend/tests/service/api.spec.ts

@@ -16,10 +16,10 @@ test("Get the list of Notes", async () => {
 
   expect(getNoteResponse.body[getNoteResponse.body.length - 1]).toStrictEqual({
     content: "Discussed project timelines and goals.",
-    created_at: "2024-02-05T23:33:42.252Z",
+    createdAt: "2024-02-05T23:33:42.252Z",
     id: 1,
     title: "Meeting Notes",
-    updated_at: "2024-02-05T23:33:42.252Z",
+    updatedAt: "2024-02-05T23:33:42.252Z",
   });
 });
 

frontend/src/App.tsx

@@ -82,6 +82,7 @@ function App() {
       {connectionIssue && (
         <h3 className="connection-warning">Warning: API Connection Issue</h3>
       )}
+       <div className="app-content">
       <NoteForm
         onCancel={handleCancel}
         selectedNote={selectedNote}
@@ -97,6 +98,7 @@ function App() {
           handleEdit={handleEdit}
         />
       )}
+      </div>
     </div>
   );
 }

frontend/src/components/Note.tsx

@@ -19,6 +19,7 @@ const Note: React.FC<NoteProps> = ({ note, handleEdit, deleteNote }) => {
         <div data-testid="note" className="note-item" onClick={handleEdit}>
             <h3 data-testid="note-title">{note.title}</h3>
             <p className="note-content" data-testid="note-content">{note.content}</p>
+            <p className="note-updated" data-testid="note-updated">Updated {new Date(note.updatedAt ?? "").toLocaleDateString()}</p>
             <div className="notes-header">
                     <button data-testid='note-delete-button' onClick={handleDeleteMouseDown}>X</button>
             </div>

frontend/src/types/note.tsx

@@ -2,6 +2,8 @@ type Note = {
     id?: number;
     title: string;
     content: string;
+    createdAt?: string;
+    updatedAt?: string;
   };
 
 export default Note;