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

Merge pull request #13 from LucasVbr/update-dependencies

Browse Source 
fix: Update Dependencies
This commit is contained in:
Lucàs
2024-05-04 13:38:28 +02:00
committed by GitHub
parent 8e55d6d7b7 be56f9c72b
commit 9583341bc9
27 changed files with 1198 additions and 1740 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.eslintrc.cjs
-14
View File
@@ -1,14 +0,0 @@
module.exports = {
env: { browser: true, es2020: true },
extends: [
'eslint:recommended',
'plugin:@typescript-eslint/recommended',
'plugin:react-hooks/recommended',
],
parser: '@typescript-eslint/parser',
parserOptions: { ecmaVersion: 'latest', sourceType: 'module' },
plugins: ['react-refresh'],
rules: {
'react-refresh/only-export-components': 'warn',
},
}
.gitignore
+1 -1
View File
@@ -15,7 +15,7 @@ dist-ssr
# Editor directories and files # Editor directories and files
.vscode/* .vscode/*
!.vscode/extensions.json !.vscode/extensions.json
.idea .idea/
.DS_Store .DS_Store
*.suo *.suo
*.ntvs* *.ntvs*
preview.png → .readme/preview.png
View File
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 322 KiB

After

Width:  |  Height:  |  Size: 322 KiB

README.md
+1 -1
View File
@@ -11,7 +11,7 @@
### 🏠 [Homepage](https://todo-list-lucasvbr.vercel.app/) ### 🏠 [Homepage](https://todo-list-lucasvbr.vercel.app/)
<kbd> <kbd>
<img src="preview.png" alt="preview picture"/> <img src=".readme/preview.png" alt="preview picture"/>
</kbd> </kbd>
## Author ## Author
bun.lockb
Executable
BIN
View File
Binary file not shown.
index.html
+10 -10
View File
@@ -1,13 +1,13 @@
<!DOCTYPE html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8"/>
<link rel="icon" type="image/svg+xml" href="/icons/plus.svg" /> <link rel="icon" type="image/svg+xml" href="/plus.svg"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Todo List App</title> <title>Todo List App</title>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
<script type="module" src="/src/main.tsx"></script> <script type="module" src="/src/main.tsx"></script>
</body> </body>
</html> </html>
package-lock.json
Generated
+1106 -1653
View File
File diff suppressed because it is too large Load Diff
package.json
+18 -19
View File
@@ -5,33 +5,32 @@
"type": "module", "type": "module",
"scripts": { "scripts": {
"dev": "vite", "dev": "vite",
"dev-host": "vite --host",
"build": "tsc && vite build", "build": "tsc && vite build",
"lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0", "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
"preview": "vite preview" "preview": "vite preview"
}, },
"dependencies": { "dependencies": {
"@heroicons/react": "^2.0.18", "@heroicons/react": "^2.1.3",
"@reduxjs/toolkit": "^1.9.5", "@reduxjs/toolkit": "^2.2.3",
"react": "^18.2.0", "react": "^18.2.0",
"react-dom": "^18.2.0", "react-dom": "^18.2.0",
"react-redux": "^8.1.0" "react-redux": "^9.1.2"
}, },
"devDependencies": { "devDependencies": {
"@types/react": "^18.0.37", "@types/react": "^18.2.66",
"@types/react-dom": "^18.0.11", "@types/react-dom": "^18.2.22",
"@typescript-eslint/eslint-plugin": "^5.59.0", "@typescript-eslint/eslint-plugin": "^7.2.0",
"@typescript-eslint/parser": "^5.59.0", "@typescript-eslint/parser": "^7.2.0",
"@vitejs/plugin-react-swc": "^3.0.0", "@vitejs/plugin-react-swc": "^3.5.0",
"autoprefixer": "^10.4.14", "autoprefixer": "^10.4.19",
"clsx": "^1.2.1", "clsx": "latest",
"daisyui": "^3.1.0", "daisyui": "latest",
"eslint": "^8.38.0", "eslint": "^8.57.0",
"eslint-plugin-react-hooks": "^4.6.0", "eslint-plugin-react-hooks": "^4.6.0",
"eslint-plugin-react-refresh": "^0.3.4", "eslint-plugin-react-refresh": "^0.4.6",
"postcss": "^8.4.24", "postcss": "^8.4.38",
"tailwindcss": "^3.3.2", "tailwindcss": "^3.4.3",
"typescript": "^5.0.2", "typescript": "^5.2.2",
"vite": "^4.3.9" "vite": "^5.2.0"
} }
} }
postcss.config.cjs
-3
View File
@@ -1,3 +0,0 @@
module.exports = {
plugins: [require('tailwindcss'), require('autoprefixer')],
};
postcss.config.js
+6
View File
@@ -0,0 +1,6 @@
export default {
plugins: {
tailwindcss: {},
autoprefixer: {},
},
}
public/icons/plus.svg → public/plus.svg
View File
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 227 B

After

Width:  |  Height:  |  Size: 227 B

src/App.tsx
+2 -2
View File
@@ -1,11 +1,11 @@
import Navbar from './components/Navbar.tsx'; import Navbar from './components/Navbar.tsx';
import Footer from './components/Footer.tsx'; import Footer from './components/Footer.tsx';
import TodoCard from './components/todo/TodoCard.tsx'; import TodoCard from './components/todos/TodoCard.tsx';
export default function App() { export default function App() {
return ( return (
<div className={"w-screen min-h-screen bg-base-300"}> <div className={"min-h-screen bg-base-300"}>
<Navbar/> <Navbar/>
<main className={"w-full min-h-screen flex justify-center items-center"}> <main className={"w-full min-h-screen flex justify-center items-center"}>
src/components/Footer.tsx
+7 -2
View File
@@ -1,8 +1,13 @@
export default function Footer() { export default function Footer() {
return ( return (
<footer className={"Footer footer w-screen absolute bottom-0 p-4"}> <footer className={"Footer footer sticky bottom-0 py-4"}>
<p className={"inline-block w-full text-center"}> <p className={"inline-block w-full text-center"}>
MIT Licence © 2023 • <a className={"link link-hover"} href={"https://github.com/LucasVbr/todo-list"} target={"_blank"}>See code on GitHub</a> <span className={"badge badge-md"}>
MIT Licence © 2023 •
<a className={"link link-hover"} href={"https://github.com/LucasVbr/todo-list"} target={"_blank"}>
See code on GitHub
</a>
</span>
</p> </p>
</footer> </footer>
) )
src/components/todo/TodoAddItemForm.tsx → src/components/todos/TodoAddItemForm.tsx
+3 -3
View File
@@ -17,12 +17,12 @@ export default function TodoAddItemForm() {
return ( return (
<form onSubmit={handleSubmit} className={'TodoAddItemForm'}> <form onSubmit={handleSubmit} className={'TodoAddItemForm'}>
<div className={'form-control'}> <div className={'form-control'}>
<div className={'input-group'}> <div className={'join'}>
<input type={'text'} value={name} <input type={'text'} value={name}
placeholder={'Type here your task...'} placeholder={'Type here your task...'}
className={'input border-primary w-full'} className={'input border-primary w-full join-item'}
onChange={evt => setName(evt.target.value)}/> onChange={evt => setName(evt.target.value)}/>
<button type={'submit'} className={'btn btn-square btn-primary'}> <button type={'submit'} className={'btn btn-square btn-primary join-item'}>
<PlusIcon className={"h-6 w-6"}/> <PlusIcon className={"h-6 w-6"}/>
</button> </button>
</div> </div>
src/components/todo/TodoCard.tsx → src/components/todos/TodoCard.tsx
+1 -1
View File
@@ -10,7 +10,7 @@ export default function TodoCard() {
return ( return (
<div className={clsx('TodoCard', <div className={clsx('TodoCard',
'card max-w-6xl p-5 shadow-xl gap-7 bg-base-100')}> 'card max-w-6xl p-5 shadow-xl gap-7 bg-base-100 my-28')}>
<TodoAddItemForm/> <TodoAddItemForm/>
{todos.length > 0 && ( {todos.length > 0 && (
<> <>
src/components/todo/TodoCardFooter.tsx → src/components/todos/TodoCardFooter.tsx
View File
src/components/todo/TodoItem.tsx → src/components/todos/TodoItem.tsx
View File
src/components/todo/TodoItemList.tsx → src/components/todos/TodoItemList.tsx
View File
src/main.tsx
+1 -1
View File
@@ -2,7 +2,7 @@ import React from 'react';
import ReactDOM from 'react-dom/client'; import ReactDOM from 'react-dom/client';
import App from './App.tsx'; import App from './App.tsx';
import './index.css'; import './index.css';
import {Provider} from 'react-redux'; import {Provider} from "react-redux";
import {store} from './store.ts'; import {store} from './store.ts';
ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render( ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
src/store.ts
+4 -5
View File
@@ -1,12 +1,11 @@
import { configureStore } from '@reduxjs/toolkit' import {configureStore} from '@reduxjs/toolkit';
import todoReducer from "./features/todo/todoSlice.ts" import todoReducer from './features/todo/todoSlice.ts';
export const store = configureStore({ export const store = configureStore({
reducer: { reducer: {
todo: todoReducer todo: todoReducer,
}, },
}) });
export type RootState = ReturnType<typeof store.getState> export type RootState = ReturnType<typeof store.getState>
export type AppDispatch = typeof store.dispatch export type AppDispatch = typeof store.dispatch
tailwind.config.js
+16 -4
View File
@@ -1,4 +1,16 @@
module.exports = { import daisyui from 'daisyui';
content: ['./src/**/*.{ts,tsx}'],
plugins: [require('daisyui')], /** @type {import('tailwindcss').Config} */
}; export default {
content: [
"./index.html",
"./src/**/*.{js,ts,jsx,tsx}",
],
theme: {
extend: {},
},
plugins: [
daisyui,
],
}
tsconfig.node.json
+2 -1
View File
@@ -4,7 +4,8 @@
"skipLibCheck": true, "skipLibCheck": true,
"module": "ESNext", "module": "ESNext",
"moduleResolution": "bundler", "moduleResolution": "bundler",
"allowSyntheticDefaultImports": true "allowSyntheticDefaultImports": true,
"strict": true
}, },
"include": ["vite.config.ts"] "include": ["vite.config.ts"]
} }