add notes model and store

boojack · Feb 23, 2022 · 4dba705 · 4dba705
1 parent 904962b
commit 4dba705
Show file tree

Hide file tree

Showing 4 changed files with 54 additions and 3 deletions.
diff --git a/src/store/index.ts b/src/store/index.ts
@@ -1,17 +1,19 @@
 import { configureStore } from "@reduxjs/toolkit";
 import { TypedUseSelectorHook, useDispatch, useSelector } from "react-redux";
 import counterReducer from "./counter";
+import notesReducer from "./notes";
 
 const store = configureStore({
   reducer: {
     counter: counterReducer,
+    notes: notesReducer,
   },
 });
 
-export type AppState = ReturnType<typeof store.getState>;
-export type AppDispatch = typeof store.dispatch;
+type AppState = ReturnType<typeof store.getState>;
+type AppDispatch = typeof store.dispatch;
 
-export const useAppDispatch = () => useDispatch<AppDispatch>();
 export const useAppSelector: TypedUseSelectorHook<AppState> = useSelector;
+export const useAppDispatch = () => useDispatch<AppDispatch>();
 
 export default store;
diff --git a/src/store/notes.ts b/src/store/notes.ts
@@ -0,0 +1,24 @@
+import { createSlice, PayloadAction } from "@reduxjs/toolkit";
+
+interface NotesState {
+  notes: Note[];
+}
+
+const initialState: NotesState = {
+  notes: [],
+};
+
+export const notesSlice = createSlice({
+  name: "notes",
+  initialState,
+  reducers: {
+    // add note to notes
+    addNote: (state, action: PayloadAction<Note>) => {
+      state.notes = [...state.notes, action.payload];
+    },
+  },
+});
+
+export const { addNote } = notesSlice.actions;
+
+export default notesSlice.reducer;
diff --git a/src/types/basic.d.ts b/src/types/basic.d.ts
@@ -0,0 +1,3 @@
+type Timestamp = number;
+
+type UUID = string;
diff --git a/src/types/model.d.ts b/src/types/model.d.ts
@@ -0,0 +1,22 @@
+interface Position {
+  x: number;
+  y: number;
+}
+
+interface Bounding {
+  width: number;
+  height: number;
+}
+
+// Sticky note card data model
+interface Note {
+  id: UUID;
+  // text content could be markdown or raw text.
+  content: string;
+  // card bounding.
+  bounding: Bounding;
+  // card relative position.
+  position: Position;
+  createdTs: Timestamp;
+  updatedTs: Timestamp;
+}