Last active
June 29, 2021 13:19
-
-
Save ArturBaybulatov/34b650e18c1507bd79be6e9837fc7895 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Index: package-lock.json | |
| IDEA additional info: | |
| Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP | |
| <+>UTF-8 | |
| =================================================================== | |
| diff --git a/package-lock.json b/package-lock.json | |
| --- a/package-lock.json (revision e777c676ec5c29941d9d529b5fcfc9f55aea4f80) | |
| +++ b/package-lock.json (revision ff77096a037c0484155fc8ab4a7d36df5d987664) | |
| @@ -14,6 +14,7 @@ | |
| "@types/node": "^12.20.15", | |
| "@types/react": "^17.0.11", | |
| "@types/react-dom": "^17.0.8", | |
| + "classnames": "^2.3.1", | |
| "react": "^17.0.2", | |
| "react-dom": "^17.0.2", | |
| "react-scripts": "4.0.3", | |
| @@ -5782,6 +5783,11 @@ | |
| "node": ">=0.10.0" | |
| } | |
| }, | |
| + "node_modules/classnames": { | |
| + "version": "2.3.1", | |
| + "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.3.1.tgz", | |
| + "integrity": "sha512-OlQdbZ7gLfGarSqxesMesDa5uz7KFbID8Kpq/SxIoNGDqY8lSYs0D+hhtBXhcdB3rcbXArFr7vlHheLk1voeNA==" | |
| + }, | |
| "node_modules/clean-css": { | |
| "version": "4.2.3", | |
| "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-4.2.3.tgz", | |
| @@ -25871,6 +25877,11 @@ | |
| } | |
| } | |
| }, | |
| + "classnames": { | |
| + "version": "2.3.1", | |
| + "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.3.1.tgz", | |
| + "integrity": "sha512-OlQdbZ7gLfGarSqxesMesDa5uz7KFbID8Kpq/SxIoNGDqY8lSYs0D+hhtBXhcdB3rcbXArFr7vlHheLk1voeNA==" | |
| + }, | |
| "clean-css": { | |
| "version": "4.2.3", | |
| "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-4.2.3.tgz", | |
| Index: package.json | |
| IDEA additional info: | |
| Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP | |
| <+>UTF-8 | |
| =================================================================== | |
| diff --git a/package.json b/package.json | |
| --- a/package.json (revision e777c676ec5c29941d9d529b5fcfc9f55aea4f80) | |
| +++ b/package.json (revision ff77096a037c0484155fc8ab4a7d36df5d987664) | |
| @@ -10,6 +10,7 @@ | |
| "@types/node": "^12.20.15", | |
| "@types/react": "^17.0.11", | |
| "@types/react-dom": "^17.0.8", | |
| + "classnames": "^2.3.1", | |
| "react": "^17.0.2", | |
| "react-dom": "^17.0.2", | |
| "react-scripts": "4.0.3", | |
| Index: src/App.tsx | |
| IDEA additional info: | |
| Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP | |
| <+>UTF-8 | |
| =================================================================== | |
| diff --git a/src/App.tsx b/src/App.tsx | |
| --- a/src/App.tsx (revision e777c676ec5c29941d9d529b5fcfc9f55aea4f80) | |
| +++ b/src/App.tsx (revision ff77096a037c0484155fc8ab4a7d36df5d987664) | |
| @@ -1,13 +1,19 @@ | |
| +import cn from 'classnames'; | |
| import React from 'react'; | |
| import logo from './logo.svg'; | |
| import './App.css'; | |
| +import styles from './example.module.css'; | |
| function App() { | |
| return ( | |
| <div className="App"> | |
| <header className="App-header"> | |
| <img src={logo} className="App-logo" alt="logo" /> | |
| - <p> | |
| + <p | |
| + className={cn(styles.message, { | |
| + [styles.message_color_orange]: true, | |
| + })} | |
| + > | |
| Edit <code>src/App.tsx</code> and save to reload. | |
| </p> | |
| <a | |
| Index: src/example.module.css | |
| IDEA additional info: | |
| Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP | |
| <+>UTF-8 | |
| =================================================================== | |
| diff --git a/src/example.module.css b/src/example.module.css | |
| new file mode 100644 | |
| --- /dev/null (revision ff77096a037c0484155fc8ab4a7d36df5d987664) | |
| +++ b/src/example.module.css (revision ff77096a037c0484155fc8ab4a7d36df5d987664) | |
| @@ -0,0 +1,7 @@ | |
| +.message { | |
| + font-weight: bold; | |
| +} | |
| + | |
| +.message_color_orange { | |
| + color: orange; | |
| +} | |
| Index: tsconfig.json | |
| IDEA additional info: | |
| Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP | |
| <+>UTF-8 | |
| =================================================================== | |
| diff --git a/tsconfig.json b/tsconfig.json | |
| --- a/tsconfig.json (revision e777c676ec5c29941d9d529b5fcfc9f55aea4f80) | |
| +++ b/tsconfig.json (revision ff77096a037c0484155fc8ab4a7d36df5d987664) | |
| @@ -13,6 +13,7 @@ | |
| "strict": true, | |
| "forceConsistentCasingInFileNames": true, | |
| "noFallthroughCasesInSwitch": true, | |
| + "noUncheckedIndexedAccess": true, | |
| "module": "esnext", | |
| "moduleResolution": "node", | |
| "resolveJsonModule": true, |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment