diff --git a/package.json b/package.json index 5f56f4b..b6da47a 100644 --- a/package.json +++ b/package.json @@ -8,9 +8,11 @@ "@testing-library/react": "^13.1.1", "@testing-library/user-event": "^14.1.1", "@types/jest": "^27.4.1", + "@types/loadable__component": "^5.13.4", "@types/node": "^17.0.31", "@types/react": "^18.0.8", "@types/react-dom": "^18.0.3", + "@types/react-helmet": "^6.1.5", "buffer": "^6.0.3", "i18next": "^21.6.16", "i18next-browser-languagedetector": "^6.1.0", @@ -32,6 +34,7 @@ "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject", + "tscss": "typed-scss-modules src --watch", "buildServe": "yarn build && serve -s build --ssl-cert ./192.168.1.150.pem --ssl-key ./192.168.1.150-key.pem" }, "eslintConfig": { @@ -53,6 +56,7 @@ ] }, "devDependencies": { - "serve": "^13.0.2" + "serve": "^13.0.2", + "typed-scss-modules": "^6.4.0" } } diff --git a/src/App.module.scss.d.ts b/src/App.module.scss.d.ts new file mode 100644 index 0000000..c7a51aa --- /dev/null +++ b/src/App.module.scss.d.ts @@ -0,0 +1,6 @@ +export const appContainer: string; +export const center: string; +export const flexList: string; +export const footer: string; +export const layoutBox: string; +export const title: string; diff --git a/src/App.js b/src/App.tsx similarity index 100% rename from src/App.js rename to src/App.tsx diff --git a/src/_common.scss.d.ts b/src/_common.scss.d.ts new file mode 100644 index 0000000..cb4acd1 --- /dev/null +++ b/src/_common.scss.d.ts @@ -0,0 +1,4 @@ +export const center: string; +export const flexList: string; +export const layoutBox: string; +export const title: string; diff --git a/src/components/BoxMessage.js b/src/components/BoxMessage.js deleted file mode 100644 index e3ed5c9..0000000 --- a/src/components/BoxMessage.js +++ /dev/null @@ -1,27 +0,0 @@ -import React from "react"; -import PropTypes from 'prop-types'; - -import * as styles from "./BoxMessage.module.scss"; - -const BoxMessage = (props) => { - return ( -