lucasvbr/todo-list
1
0
Fork 0
mirror of https://github.com/LucasVbr/todo-list.git synced 2026-05-13 17:22:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: Save data locally using LocalStorage.

Browse Source 
Ref: #10
This commit is contained in:
Lucàs
2024-05-04 16:47:09 +02:00
parent c261537255
commit e50dc8dbac
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/features/todo/todoSlice.ts
+7 -2
View File
@@ -2,7 +2,8 @@ import TodoState from '../../models/TodoState.ts';
import {createSlice} from '@reduxjs/toolkit';
import todoState from '../../models/TodoState.ts';
const initialState: TodoState[] = [];
const savedTodos: string | null = localStorage.getItem('todos');
const initialState: TodoState[] = savedTodos ? JSON.parse(savedTodos) : [];
export const todoSlice = createSlice({
name: 'todo',
@@ -16,6 +17,7 @@ export const todoSlice = createSlice({
};
state.push(newTodo);
localStorage.setItem('todos', JSON.stringify(state));
},
checkTodo: (state, action) => {
const id: number = action.payload;
@@ -26,9 +28,12 @@ export const todoSlice = createSlice({
if (todo === undefined) return;
todo.checked = !todo.checked;
localStorage.setItem('todos', JSON.stringify(state));
},
deleteSelectedTodos: (state) => {
return state.filter((todo: TodoState) => !todo.checked);
const newState = state.filter((todo: TodoState) => !todo.checked);
localStorage.setItem('todos', JSON.stringify(state));
return newState;
},
},
});