diff --git a/package-lock.json b/package-lock.json index c4305f4..2a698cc 100644 --- a/package-lock.json +++ b/package-lock.json @@ -24,6 +24,7 @@ "react-dom": "^18.2.0", "react-redux": "^8.0.5", "react-scripts": "5.0.1", + "redux": "^4.2.1", "typescript": "^4.9.4", "web-vitals": "^2.1.4" }, diff --git a/package.json b/package.json index ce6542e..f25b750 100644 --- a/package.json +++ b/package.json @@ -19,6 +19,7 @@ "react-dom": "^18.2.0", "react-redux": "^8.0.5", "react-scripts": "5.0.1", + "redux": "^4.2.1", "typescript": "^4.9.4", "web-vitals": "^2.1.4" }, @@ -42,6 +43,7 @@ "jsx-a11y/anchor-is-valid": [ "off" ], + "import/prefer-default-export": "off", "react/require-default-props": [ 0 ], diff --git a/src/App.module.css b/src/App.module.css new file mode 100644 index 0000000..9ac694f --- /dev/null +++ b/src/App.module.css @@ -0,0 +1,5 @@ +.app { + margin: 0 auto; + max-width: 1218px; + border: 1px solid red; +} diff --git a/src/App.tsx b/src/App.tsx index 9302b46..0a3dffa 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,23 +1,8 @@ import React from "react"; +import styles from "./App.module.css"; function App() { - return ( -
-
-

- Edit src/App.tsx and save to reload. -

- - Learn React - -
-
- ); + return
ั‚ะตัั‚
; } export default App; diff --git a/src/icons/invisibility.svg b/src/icons/invisibility.svg new file mode 100644 index 0000000..b6fbfe5 --- /dev/null +++ b/src/icons/invisibility.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/icons/logo.svg b/src/icons/logo.svg new file mode 100644 index 0000000..de5606a --- /dev/null +++ b/src/icons/logo.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/src/icons/visibility.svg b/src/icons/visibility.svg new file mode 100644 index 0000000..b6c0cc6 --- /dev/null +++ b/src/icons/visibility.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/index.css b/src/index.css new file mode 100644 index 0000000..c66b2cd --- /dev/null +++ b/src/index.css @@ -0,0 +1,8 @@ +* { + box-sizing: border-box; +} + +body { + margin: 0; + background-color: #e1e1e1; +} diff --git a/src/index.tsx b/src/index.tsx index 81bf174..94fb77e 100644 --- a/src/index.tsx +++ b/src/index.tsx @@ -1,9 +1,10 @@ import React from "react"; import ReactDOM from "react-dom/client"; +import "./index.css"; +import { Provider } from "react-redux"; import App from "./App"; import reportWebVitals from "./reportWebVitals"; import { store } from "./services"; -import { Provider } from "react-redux"; const root = ReactDOM.createRoot(document.getElementById("root") as HTMLElement); root.render( diff --git a/src/services/reducers/index.ts b/src/services/reducers/index.ts index 0729507..7a3695b 100644 --- a/src/services/reducers/index.ts +++ b/src/services/reducers/index.ts @@ -1,5 +1,7 @@ import { combineReducers } from "redux"; -import { testReducers, testActions } from "./testReducer"; +import { testReducers } from "./testReducer"; + +export { testActions } from "./testReducer"; export const rootReducer = combineReducers({ test: testReducers, diff --git a/src/services/reducers/testReducer.ts b/src/services/reducers/testReducer.ts index f8db68a..79d1eb5 100644 --- a/src/services/reducers/testReducer.ts +++ b/src/services/reducers/testReducer.ts @@ -1,3 +1,5 @@ +/* eslint-disable no-param-reassign */ + import { createSlice } from "@reduxjs/toolkit"; import type { PayloadAction } from "@reduxjs/toolkit"; @@ -12,7 +14,7 @@ const testSlice = createSlice({ initialState: testState, reducers: { userAuth(state, action: PayloadAction) { - state.isAuth = true; + state.isAuth = action.payload; }, }, });