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 ( +
+
+