From b30fa04dccf43788fffebf76d29b361c4ba3dea5 Mon Sep 17 00:00:00 2001 From: Nilstrieb Date: Wed, 23 Jun 2021 14:55:43 +0200 Subject: [PATCH] oops ts --- ibfi-ts/README.md | 24 --------- ibfi-ts/package.json | 6 +++ ibfi-ts/src/App.js | 25 --------- ibfi-ts/src/{App.css => App.scss} | 17 +----- ibfi-ts/src/App.test.js | 8 --- ibfi-ts/src/App.tsx | 13 +++++ ibfi-ts/src/index.js | 17 ------ ibfi-ts/src/index.tsx | 11 ++++ ibfi-ts/src/logo.svg | 1 - ibfi-ts/src/react-app-env.d.ts | 1 + ibfi-ts/src/reportWebVitals.js | 13 ----- ibfi-ts/src/setupTests.js | 5 -- ibfi-ts/tsconfig.json | 26 +++++++++ ibfi-ts/yarn.lock | 89 ++++++++++++++++++++++++++++++- 14 files changed, 145 insertions(+), 111 deletions(-) delete mode 100644 ibfi-ts/src/App.js rename ibfi-ts/src/{App.css => App.scss} (58%) delete mode 100644 ibfi-ts/src/App.test.js create mode 100644 ibfi-ts/src/App.tsx delete mode 100644 ibfi-ts/src/index.js create mode 100644 ibfi-ts/src/index.tsx delete mode 100644 ibfi-ts/src/logo.svg create mode 100644 ibfi-ts/src/react-app-env.d.ts delete mode 100644 ibfi-ts/src/reportWebVitals.js delete mode 100644 ibfi-ts/src/setupTests.js create mode 100644 ibfi-ts/tsconfig.json diff --git a/ibfi-ts/README.md b/ibfi-ts/README.md index 02aac3f..b58e0af 100644 --- a/ibfi-ts/README.md +++ b/ibfi-ts/README.md @@ -44,27 +44,3 @@ You don’t have to ever use `eject`. The curated feature set is suitable for sm You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started). To learn React, check out the [React documentation](https://reactjs.org/). - -### Code Splitting - -This section has moved here: [https://facebook.github.io/create-react-app/docs/code-splitting](https://facebook.github.io/create-react-app/docs/code-splitting) - -### Analyzing the Bundle Size - -This section has moved here: [https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size](https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size) - -### Making a Progressive Web App - -This section has moved here: [https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app](https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app) - -### Advanced Configuration - -This section has moved here: [https://facebook.github.io/create-react-app/docs/advanced-configuration](https://facebook.github.io/create-react-app/docs/advanced-configuration) - -### Deployment - -This section has moved here: [https://facebook.github.io/create-react-app/docs/deployment](https://facebook.github.io/create-react-app/docs/deployment) - -### `yarn build` fails to minify - -This section has moved here: [https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify) diff --git a/ibfi-ts/package.json b/ibfi-ts/package.json index 508f3f6..a563502 100644 --- a/ibfi-ts/package.json +++ b/ibfi-ts/package.json @@ -6,9 +6,15 @@ "@testing-library/jest-dom": "^5.11.4", "@testing-library/react": "^11.1.0", "@testing-library/user-event": "^12.1.10", + "@types/jest": "^26.0.15", + "@types/node": "^12.0.0", + "@types/react": "^17.0.0", + "@types/react-dom": "^17.0.0", "react": "^17.0.2", "react-dom": "^17.0.2", "react-scripts": "4.0.3", + "sass": "^1.35.1", + "typescript": "^4.1.2", "web-vitals": "^1.0.1" }, "scripts": { diff --git a/ibfi-ts/src/App.js b/ibfi-ts/src/App.js deleted file mode 100644 index 3784575..0000000 --- a/ibfi-ts/src/App.js +++ /dev/null @@ -1,25 +0,0 @@ -import logo from './logo.svg'; -import './App.css'; - -function App() { - return ( -
-
- logo -

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

- - Learn React - -
-
- ); -} - -export default App; diff --git a/ibfi-ts/src/App.css b/ibfi-ts/src/App.scss similarity index 58% rename from ibfi-ts/src/App.css rename to ibfi-ts/src/App.scss index 74b5e05..aabd829 100644 --- a/ibfi-ts/src/App.css +++ b/ibfi-ts/src/App.scss @@ -7,12 +7,6 @@ pointer-events: none; } -@media (prefers-reduced-motion: no-preference) { - .App-logo { - animation: App-logo-spin infinite 20s linear; - } -} - .App-header { background-color: #282c34; min-height: 100vh; @@ -26,13 +20,4 @@ .App-link { color: #61dafb; -} - -@keyframes App-logo-spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} +} \ No newline at end of file diff --git a/ibfi-ts/src/App.test.js b/ibfi-ts/src/App.test.js deleted file mode 100644 index 1f03afe..0000000 --- a/ibfi-ts/src/App.test.js +++ /dev/null @@ -1,8 +0,0 @@ -import { render, screen } from '@testing-library/react'; -import App from './App'; - -test('renders learn react link', () => { - render(); - const linkElement = screen.getByText(/learn react/i); - expect(linkElement).toBeInTheDocument(); -}); diff --git a/ibfi-ts/src/App.tsx b/ibfi-ts/src/App.tsx new file mode 100644 index 0000000..11fa52b --- /dev/null +++ b/ibfi-ts/src/App.tsx @@ -0,0 +1,13 @@ +import './App.scss'; + +function App() { + return ( +
+
+