master
taha12322 3 years ago
parent be020782e7
commit 355a01c246
  1. 4
      gajets/package.json
  2. BIN
      gajets/public/favicon.ico
  3. 33
      gajets/public/index.html
  4. BIN
      gajets/public/logo192.png
  5. BIN
      gajets/public/logo512.png
  6. 25
      gajets/public/manifest.json
  7. 3
      gajets/public/robots.txt
  8. 38
      gajets/src/App.css
  9. 126
      gajets/src/App.js
  10. 8
      gajets/src/App.test.js
  11. BIN
      gajets/src/assets/Abslang.png
  12. 7
      gajets/src/assets/Abslang.svg
  13. BIN
      gajets/src/assets/Dermatoscope.png
  14. 23
      gajets/src/assets/Dermatoscope.svg
  15. BIN
      gajets/src/assets/ECG.png
  16. 13
      gajets/src/assets/ECG.svg
  17. BIN
      gajets/src/assets/Height.png
  18. 33
      gajets/src/assets/Height.svg
  19. BIN
      gajets/src/assets/Ophthalmoscope.png
  20. 10
      gajets/src/assets/Ophthalmoscope.svg
  21. BIN
      gajets/src/assets/Otoscope.png
  22. 9
      gajets/src/assets/Otoscope.svg
  23. BIN
      gajets/src/assets/PulseOximeter.png
  24. 9
      gajets/src/assets/PulseOximeter.svg
  25. BIN
      gajets/src/assets/Scales.png
  26. 35
      gajets/src/assets/Scales.svg
  27. BIN
      gajets/src/assets/Spirometry.png
  28. 9
      gajets/src/assets/Spirometry.svg
  29. BIN
      gajets/src/assets/Stethoscope.png
  30. 20
      gajets/src/assets/Stethoscope.svg
  31. 5
      gajets/src/assets/add.svg
  32. BIN
      gajets/src/assets/sonicaid.png
  33. 17
      gajets/src/assets/sonicaid.svg
  34. BIN
      gajets/src/assets/thermometer.png
  35. 8
      gajets/src/assets/thermometer.svg
  36. 20
      gajets/src/components/gajet/Gajet.js
  37. 25
      gajets/src/components/gajet/Gajet.scss
  38. 39
      gajets/src/components/gajetPage/GajetPage.js
  39. 88
      gajets/src/components/gajetPage/GajetPage.scss
  40. 17
      gajets/src/components/gajetlist/GajetList.js
  41. 5
      gajets/src/components/gajetlist/Gajetlist.scss
  42. 13
      gajets/src/index.css
  43. 22
      gajets/src/index.js
  44. 4
      gajets/src/index.scss
  45. 1
      gajets/src/logo.svg
  46. 13
      gajets/src/reportWebVitals.js
  47. 5
      gajets/src/setupTests.js
  48. 12223
      gajets/yarn.lock

@ -6,8 +6,12 @@
"@testing-library/jest-dom": "^5.11.4", "@testing-library/jest-dom": "^5.11.4",
"@testing-library/react": "^11.1.0", "@testing-library/react": "^11.1.0",
"@testing-library/user-event": "^12.1.10", "@testing-library/user-event": "^12.1.10",
"bootstrap": "5.1.0",
"node-sass": "4.14.1",
"react": "^17.0.2", "react": "^17.0.2",
"react-bootstrap": "^1.6.1",
"react-dom": "^17.0.2", "react-dom": "^17.0.2",
"react-router-dom": "^5.3.0",
"react-scripts": "4.0.3", "react-scripts": "4.0.3",
"web-vitals": "^1.0.1" "web-vitals": "^1.0.1"
}, },

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.8 KiB

@ -2,42 +2,11 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" /> <title>Gajet</title>
<meta
name="description"
content="Web site created using create-react-app"
/>
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<!--
manifest.json provides metadata used when your web app is installed on a
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-->
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<!--
Notice the use of %PUBLIC_URL% in the tags above.
It will be replaced with the URL of the `public` folder during the build.
Only files inside the `public` folder can be referenced from the HTML.
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
<title>React App</title>
</head> </head>
<body> <body>
<noscript>You need to enable JavaScript to run this app.</noscript> <noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div> <div id="root"></div>
<!--
This HTML file is a template.
If you open it directly in the browser, you will see an empty page.
You can add webfonts, meta tags, or analytics to this file.
The build step will place the bundled scripts into the <body> tag.
To begin the development, run `npm start` or `yarn start`.
To create a production bundle, use `npm run build` or `yarn build`.
-->
</body> </body>
</html> </html>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.4 KiB

@ -1,25 +0,0 @@
{
"short_name": "React App",
"name": "Create React App Sample",
"icons": [
{
"src": "favicon.ico",
"sizes": "64x64 32x32 24x24 16x16",
"type": "image/x-icon"
},
{
"src": "logo192.png",
"type": "image/png",
"sizes": "192x192"
},
{
"src": "logo512.png",
"type": "image/png",
"sizes": "512x512"
}
],
"start_url": ".",
"display": "standalone",
"theme_color": "#000000",
"background_color": "#ffffff"
}

@ -1,3 +0,0 @@
# https://www.robotstxt.org/robotstxt.html
User-agent: *
Disallow:

@ -1,38 +0,0 @@
.App {
text-align: center;
}
.App-logo {
height: 40vmin;
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;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: calc(10px + 2vmin);
color: white;
}
.App-link {
color: #61dafb;
}
@keyframes App-logo-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

@ -1,25 +1,111 @@
import logo from './logo.svg'; import React, { useState } from "react";
import './App.css'; import { BrowserRouter as Router, Switch, Route } from "react-router-dom";
import GajetList from "./components/gajetlist/GajetList";
import GajetPage from "./components/gajetPage/GajetPage";
// image
import thermometer from "./assets/thermometer.svg";
import Height from "./assets/Height.svg";
import Scales from "./assets/Scales.svg";
import PulseOximeter from "./assets/PulseOximeter.svg";
import Spirometry from "./assets/Spirometry.svg";
import Abslang from "./assets/Abslang.svg";
import ECG from "./assets/ECG.svg";
import Stethoscope from "./assets/Stethoscope.svg";
import sonicaid from "./assets/sonicaid.svg";
import Dermatoscope from "./assets/Dermatoscope.svg";
import Otoscope from "./assets/Otoscope.svg";
import Ophthalmoscope from "./assets/Ophthalmoscope.svg";
function App() { const App = () => {
const [gajets] = useState([
{
title: "ترمومتر",
bgColor: "#A8E03D30",
id: 1,
icon: thermometer,
},
{
title: "قدسنج",
bgColor: "#FEAE2C30",
id: 2,
icon: Height,
},
{
title: "ترازو",
bgColor: "#8474F630",
id: 3,
icon: Scales,
},
{
title: "پالس اکسیمتر",
bgColor: "#F8767430",
id: 4,
icon: PulseOximeter,
},
{
title: "اسپیرومتری",
bgColor: "#CDA6FF30",
id: 5,
icon: Spirometry,
},
{
title: "نگهدارنده آبسلانگ هوشمند",
bgColor: "#08E3E430",
id: 6,
icon: Abslang,
},
{
title: "نوار قلب",
bgColor: "#9C9C9C30",
id: 7,
icon: ECG,
},
{
title: "استتوسکوپ",
bgColor: "#F11BE230",
id: 8,
icon: Stethoscope,
},
{
title: "سونیکید",
bgColor: "#76C4F530",
id: 9,
icon: sonicaid,
},
{
title: "درماتوسکوپ",
bgColor: "#A8E03D30",
id: 10,
icon: Dermatoscope,
},
{
title: "اتوسکوپ",
bgColor: "#FEAE2C30",
id: 11,
icon: Otoscope,
},
{
title: "افتالموسکوپ",
bgColor: "#8474F630",
id: 12,
icon: Ophthalmoscope,
},
]);
const [gajetId, setGajetId] = useState()
return ( return (
<div className="App"> <>
<header className="App-header"> <Router>
<img src={logo} className="App-logo" alt="logo" /> <Switch>
<p> <Route path="/gajet-list">
Edit <code>src/App.js</code> and save to reload. <GajetList gajets={gajets} setGajetId={setGajetId} gajetId={gajetId} />
</p> </Route>
<a <Route path="/gajet">
className="App-link" <GajetPage gajetId={gajetId} />
href="https://reactjs.org" </Route>
target="_blank" </Switch>
rel="noopener noreferrer" </Router>
> </>
Learn React
</a>
</header>
</div>
); );
} };
export default App; export default App;

@ -1,8 +0,0 @@
import { render, screen } from '@testing-library/react';
import App from './App';
test('renders learn react link', () => {
render(<App />);
const linkElement = screen.getByText(/learn react/i);
expect(linkElement).toBeInTheDocument();
});

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" width="66.103" height="46.813" viewBox="0 0 66.103 46.813">
<g id="Abslang" transform="translate(-46.92 -346.173)">
<path id="Path_3423" data-name="Path 3423" d="M39.133,38c-3.715-.807-3.31-.413-7.75-1.938-6.2-3.661-7.021-7.617-13.638-14.917-8-6.922-15.212-7.5-17.057-10.425,0,0-.748-3.173-.687-3.391S-.32,3.545,2.533,1.96,11.525,0,11.525,0,24.943.5,34.344,9.809,48.577,38.042,39.133,38Z" transform="matrix(0.985, 0.174, -0.174, 0.985, 68.075, 347.298)" fill="#fff" stroke="#6146c6" stroke-width="1"/>
<path id="Path_3425" data-name="Path 3425" d="M23.83,0l5.328,1.11.1.721L5.621,4.408s-2.6-.131-3.988-.367S.4,3.8.059,3.463s.925-.841.925-.841Z" transform="matrix(0.985, 0.174, -0.174, 0.985, 48.283, 351.714)" fill="#fff" stroke="#6146c6" stroke-width="1"/>
<path id="Path_3424" data-name="Path 3424" d="M0,3.72a3.218,3.218,0,0,1,1.967-.8A13.022,13.022,0,0,1,7.706,4.357,22.872,22.872,0,0,1,12.97,8.065s24.489,3.2,29.518,26.961c2.4-8.207,1.377-13.169-6.651-21.728S21.929,3,12.97.6,0,3.72,0,3.72Z" transform="matrix(0.985, 0.174, -0.174, 0.985, 69.517, 346.747)" fill="#634dce" stroke="#6146c6" stroke-width="1"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

@ -0,0 +1,23 @@
<svg xmlns="http://www.w3.org/2000/svg" width="61.575" height="25.024" viewBox="0 0 61.575 25.024">
<g id="Dermatoscope" transform="translate(11533.332 1182.418)">
<g id="Ellipse_501" data-name="Ellipse 501" transform="translate(-11530.74 -1166.833) rotate(-14)" fill="#fff" stroke="#6146c6" stroke-width="1">
<ellipse cx="11.135" cy="4.864" rx="11.135" ry="4.864" stroke="none"/>
<ellipse cx="11.135" cy="4.864" rx="10.635" ry="4.364" fill="none"/>
</g>
<path id="Path_3431" data-name="Path 3431" d="M-11449.361-1144.41l-7.467,2-.546-2,7.193-2Z" transform="translate(-56.514 -24.466)" fill="#fff" stroke="#6146c6" stroke-width="1"/>
<path id="Path_3432" data-name="Path 3432" d="M-11457.374-1152.007l2.055-3.415,5.057-1.2v2.652Z" transform="translate(-56.514 -16.869)" fill="#fff" stroke="#6146c6" stroke-width="1"/>
<path id="Path_3433" data-name="Path 3433" d="M-11518.579-1150.334a44.427,44.427,0,0,0,1.472,5.9c9.854,3.562,17.159-3.852,17.159-3.852l-1.47-6.094S-11507.862-1147.931-11518.579-1150.334Z" transform="translate(-10.464 -18.543)" fill="#fff" stroke="#6146c6" stroke-width="1"/>
<g id="Ellipse_502" data-name="Ellipse 502" transform="translate(-11533.332 -1174.943) rotate(-14)" fill="#fff" stroke="#6146c6" stroke-width="1">
<ellipse cx="11.135" cy="4.864" rx="11.135" ry="4.864" stroke="none"/>
<ellipse cx="11.135" cy="4.864" rx="10.635" ry="4.364" fill="none"/>
</g>
<g id="Ellipse_503" data-name="Ellipse 503" transform="translate(-11527.155 -1173.977) rotate(-14)" fill="#fff" stroke="#6146c6" stroke-width="1">
<ellipse cx="5.376" cy="2.432" rx="5.376" ry="2.432" stroke="none"/>
<ellipse cx="5.376" cy="2.432" rx="4.876" ry="1.932" fill="none"/>
</g>
<g id="Rectangle_2569" data-name="Rectangle 2569" transform="matrix(0.974, -0.225, 0.225, 0.974, -11508.404, -1174.356)" fill="#fff" stroke="#6146c6" stroke-width="1">
<rect width="35.838" height="7.68" rx="3.84" stroke="none"/>
<rect x="0.5" y="0.5" width="34.838" height="6.68" rx="3.34" fill="none"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

@ -0,0 +1,13 @@
<svg xmlns="http://www.w3.org/2000/svg" width="54" height="38" viewBox="0 0 54 38">
<g id="ECG" transform="translate(-305 -505)">
<g id="Rectangle_2563" data-name="Rectangle 2563" transform="translate(305 505)" fill="#fff" stroke="#6146c6" stroke-width="1.5">
<rect width="54" height="38" rx="2" stroke="none"/>
<rect x="0.75" y="0.75" width="52.5" height="36.5" rx="1.25" fill="none"/>
</g>
<g id="ecg-lines" transform="translate(307.008 456.775)">
<g id="Group_1773" data-name="Group 1773" transform="translate(0 52.067)">
<path id="Path_3428" data-name="Path 3428" d="M38.005,69.441a1.823,1.823,0,0,0,1.682.946h7.9a1.486,1.486,0,1,0,0-2.906h-6.65l-3.577-7.768a1.815,1.815,0,0,0-1.639-.945,1.858,1.858,0,0,0-1.694.88l-3.229,6.095-4.178-12.6a1.788,1.788,0,0,0-1.8-1.075,1.725,1.725,0,0,0-1.7,1.177l-5,21L14.579,62.91a1.747,1.747,0,0,0-1.641-1.1,1.857,1.857,0,0,0-1.781.941L8.582,68.309H1.8a1.485,1.485,0,1,0,0,2.906h8.03a1.825,1.825,0,0,0,1.682-.944l1-2.149,4.113,13.163a1.77,1.77,0,0,0,1.74,1.1h.053A1.73,1.73,0,0,0,20.12,81.2l5.049-21.212,3.5,10.551a1.745,1.745,0,0,0,1.606,1.073,1.892,1.892,0,0,0,1.777-.877l3.5-6.613Z" transform="translate(0 -52.067)" fill="#6146c6" stroke="#fff" stroke-width="1.5"/>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

@ -0,0 +1,33 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19.454" height="53.521" viewBox="0 0 19.454 53.521">
<defs>
<clipPath id="clip-path">
<rect width="11.044" height="14.639" fill="none"/>
</clipPath>
</defs>
<g id="Height" transform="translate(0.269 -198.608)">
<g id="Group_1417" data-name="Group 1417" transform="translate(-0.001 198.859)">
<g id="Group_1397" data-name="Group 1397" transform="translate(0 0)">
<path id="Path_2193" data-name="Path 2193" d="M13924.834-4650.621s.131-36.5,0-49.61c-.578-3.3-4.061-3.409-4.061-3.409H13910.3s-3.689-.059-4.242,3.409c-.24,13.174,0,49.61,0,49.61Z" transform="translate(-13905.954 4703.64)" fill="rgba(97,70,198,0.67)" stroke="#6146c6" stroke-linecap="round" stroke-linejoin="round" stroke-width="0.5"/>
<path id="Path_2194" data-name="Path 2194" d="M13940-4692.929s.133,4.358,0,6.509a2.094,2.094,0,0,1-2,1.5s-7.666.054-10.6,0a2.035,2.035,0,0,1-1.107-1.5s-.107-4.252,0-6.509a2.292,2.292,0,0,1,1.637-2.241s7.035-.238,10.07,0C13939.684-4694.961,13940-4692.929,13940-4692.929Z" transform="translate(-13923.681 4701.427)" fill="#fff" stroke="#6146c6" stroke-width="0.5"/>
<g id="Rectangle_1997" data-name="Rectangle 1997" transform="translate(1.886 19.788)" fill="#fff" stroke="#6146c6" stroke-width="0.5">
<path d="M2,0H12.577a2,2,0,0,1,2,2V30.73a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V2A2,2,0,0,1,2,0Z" stroke="none"/>
<path d="M2,.25H12.577A1.75,1.75,0,0,1,14.327,2V30.23a.25.25,0,0,1-.25.25H.5a.25.25,0,0,1-.25-.25V2A1.75,1.75,0,0,1,2,.25Z" fill="none"/>
</g>
</g>
</g>
<g id="Repeat_Grid_90" data-name="Repeat Grid 90" transform="translate(3.424 222.283)" clip-path="url(#clip-path)">
<g transform="translate(-18.27 -167.985)">
<g id="Ellipse_247" data-name="Ellipse 247" transform="translate(18.27 171.985)" fill="#fff" stroke="#6146c6" stroke-width="0.5">
<circle cx="1.5" cy="1.5" r="1.5" stroke="none"/>
<circle cx="1.5" cy="1.5" r="1.25" fill="none"/>
</g>
</g>
<g transform="translate(-10.27 -167.985)">
<g id="Ellipse_247-2" data-name="Ellipse 247" transform="translate(18.27 171.985)" fill="#fff" stroke="#6146c6" stroke-width="0.5">
<circle cx="1.5" cy="1.5" r="1.5" stroke="none"/>
<circle cx="1.5" cy="1.5" r="1.25" fill="none"/>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" width="50.515" height="50.279" viewBox="0 0 50.515 50.279">
<g id="Ophthalmoscope" transform="translate(-53.013 -648.446)">
<path id="Path_3439" data-name="Path 3439" d="M-12056.729-562.45a108.034,108.034,0,0,1,9.391,9.39c-2.671,7.488-12.881,17.631-20.076,20.562-4.3-3.027-9.552-10.2-9.552-10.2A33.93,33.93,0,0,1-12056.729-562.45Z" transform="translate(12149 1213)" fill="#fff"/>
<g id="ophthalmoscope-2" data-name="ophthalmoscope" transform="translate(53.749 648.974)">
<path id="Path_3434" data-name="Path 3434" d="M48.828,9.945,39.306.423A1.443,1.443,0,0,0,37.717.117,38.956,38.956,0,0,0,16.554,21.28a1.443,1.443,0,0,0,.306,1.589l1.02,1.02L.985,40.784a3.371,3.371,0,0,0,0,4.761l2.721,2.721a3.371,3.371,0,0,0,4.761,0l16.9-16.9,1.02,1.02a1.443,1.443,0,0,0,1.589.306,40.211,40.211,0,0,0,12.7-8.468,40.208,40.208,0,0,0,8.468-12.695,1.443,1.443,0,0,0-.306-1.589Zm-42.4,36.28a.482.482,0,0,1-.68,0L3.026,43.5a.482.482,0,0,1,0-.68l3.061-3.061,3.4,3.4Zm5.1-5.1-3.4-3.4L19.919,25.931l3.4,3.4Zm16.2-11.473L19.6,21.528A36.123,36.123,0,0,1,37.965,3.163l8.124,8.124A36.123,36.123,0,0,1,27.724,29.652Z" transform="translate(0)" fill="#6146c6" stroke="#e9e7f5" stroke-width="1"/>
<path id="Path_3435" data-name="Path 3435" d="M340.15,84.424a4.329,4.329,0,1,0,6.122,0A4.334,4.334,0,0,0,340.15,84.424Zm4.081,4.081a1.443,1.443,0,1,1,0-2.041A1.445,1.445,0,0,1,344.231,88.505Z" transform="translate(-306.285 -75.159)" fill="#6146c6" stroke="#e9e7f5" stroke-width="1"/>
<path id="Path_3436" data-name="Path 3436" d="M255.3,169.277a4.329,4.329,0,1,0,6.122,0A4.334,4.334,0,0,0,255.3,169.277Zm4.081,4.081a1.443,1.443,0,1,1,0-2.041A1.444,1.444,0,0,1,259.378,173.358Z" transform="translate(-229.595 -151.85)" fill="#6146c6" stroke="#e9e7f5" stroke-width="1"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" width="26.618" height="52.393" viewBox="0 0 26.618 52.393">
<g id="Otoscope" transform="translate(-192.343 -647.731)">
<path id="Path_3440" data-name="Path 3440" d="M-11932.124-515.981h-11.975v-35.542l-3.545-1.916v-2.3l-4.215-2.682,2.49-4.407,5.27,2.2,1.341-1.437,10.634,6.323Z" transform="translate(12149 1213)" fill="#fff"/>
<g id="XMLID_620_" transform="translate(65.572 648.526)">
<path id="XMLID_1168_" d="M139.7.544l-.743,1.426L133.137,0l-1,1.925-2.5-1.3A1.509,1.509,0,0,0,128.239,3.3l2.5,1.3-1,1.925,4.948,3.639-.743,1.426,3.944,2.055v37.3h14.853V7.338Zm-5.08,3.144,2.925.991L136.1,7.457l-2.488-1.83Zm15.1,44.244H140.9V11.816l-2.891-1.506,2.967-5.695,8.742,4.554Z" transform="translate(0)" fill="#6146c6" stroke="#edebf9" stroke-width="1.3"/>
<path id="XMLID_1170_" d="M290.86,214.456h3.018v8.874H290.86Z" transform="translate(-146.993 -192.883)" fill="#6146c6" stroke="#edebf9" stroke-width="1.3"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 992 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" width="29.896" height="48.606" viewBox="0 0 29.896 48.606">
<g id="PulseOximeter" transform="translate(0.205 0.251)">
<g id="_105553264153376" transform="translate(0 0)">
<path id="Path_1622" data-name="Path 1622" d="M3230.506,3147.881c-2.135,1.139-2.715,4.324-2.717,4.534-.106,13.408-.785,24.092.153,29.7,1.12,6.694,6.337,12.518,13.611,12.938,8.732.5,14.494-7.285,14.75-15,.179-5.344.388-20.187.574-26.609a5.688,5.688,0,0,0-3.724-5.686C3250.087,3146.627,3232.595,3146.762,3230.506,3147.881Z" transform="translate(-3227.453 -3146.974)" fill="rgba(97,70,198,0.81)" stroke="#6146c6" stroke-miterlimit="2.613" stroke-width="0.5" fill-rule="evenodd"/>
<path id="Path_1623" data-name="Path 1623" d="M3460.98,3436.241a2.743,2.743,0,0,0,2.447,2.12c2.839.321,2.32-1.688,3.661-2.813a5.682,5.682,0,0,1,5.6-.768c2.786,1.021,1.367,4.878,5.51,3.67,1.026-.3,1.875-.922,1.888-1.721.08-4.959.789-22.052.669-26.79a3.512,3.512,0,0,0-3.345-3.493c-3.577.051-11.193-.1-13.848.013-2.384.1-2.588,2.118-2.614,4.023-.075,5.328-.089,9.885-.075,13.574.006,1.648-.29,10.662.109,12.183Z" transform="translate(-3455.757 -3401.712)" fill="#f8f8f8" stroke="#6146c6" stroke-miterlimit="2.613" stroke-width="0.5" fill-rule="evenodd"/>
<ellipse id="Ellipse_149" data-name="Ellipse 149" cx="3.71" cy="3.53" rx="3.71" ry="3.53" transform="translate(10.97 36.775)" fill="#f8f8f8" stroke="#6146c6" stroke-miterlimit="2.613" stroke-width="0.5"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 745 B

@ -0,0 +1,35 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="46.435" height="46.172" viewBox="0 0 46.435 46.172">
<defs>
<clipPath id="clip-path">
<rect width="39.083" height="40.391" fill="none"/>
</clipPath>
</defs>
<g id="Scales" transform="translate(-2)">
<g id="Group_1419" data-name="Group 1419" transform="translate(2)">
<g id="Group_1418" data-name="Group 1418">
<g id="Rectangle_1998" data-name="Rectangle 1998" fill="#fff" stroke="#6146c6" stroke-width="0.5">
<rect width="46.435" height="46.172" rx="2" stroke="none"/>
<rect x="0.25" y="0.25" width="45.935" height="45.672" rx="1.75" fill="none"/>
</g>
<g id="Rectangle_1999" data-name="Rectangle 1999" transform="translate(15.347 2.492)" fill="rgba(97,70,198,0.39)" stroke="#6146c6" stroke-width="0.5">
<rect width="15.741" height="9.707" rx="1" stroke="none"/>
<rect x="0.25" y="0.25" width="15.241" height="9.207" rx="0.75" fill="none"/>
</g>
<g id="Repeat_Grid_91" data-name="Repeat Grid 91" transform="translate(3.818 2.781)" opacity="0.76" clip-path="url(#clip-path)">
<g transform="translate(-26.537 -23)">
<circle id="Ellipse_248" data-name="Ellipse 248" cx="3" cy="3" r="3" transform="translate(26.537 23)" fill="#6146c6"/>
</g>
<g transform="translate(6.463 -23)">
<circle id="Ellipse_248-2" data-name="Ellipse 248" cx="3" cy="3" r="3" transform="translate(26.537 23)" fill="#6146c6"/>
</g>
<g transform="translate(-26.537 10)">
<circle id="Ellipse_248-3" data-name="Ellipse 248" cx="3" cy="3" r="3" transform="translate(26.537 23)" fill="#6146c6"/>
</g>
<g transform="translate(6.463 10)">
<circle id="Ellipse_248-4" data-name="Ellipse 248" cx="3" cy="3" r="3" transform="translate(26.537 23)" fill="#6146c6"/>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 982 B

@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" width="37.558" height="49.103" viewBox="0 0 37.558 49.103">
<g id="Spirometry" transform="translate(11701 852)">
<rect id="Rectangle_2561" data-name="Rectangle 2561" width="7.696" height="25.976" rx="1.5" transform="translate(-11674.524 -829.373)" fill="#fff" stroke="#6146c6" stroke-width="1"/>
<rect id="Rectangle_2562" data-name="Rectangle 2562" width="10.583" height="6.734" rx="1.5" transform="translate(-11700.5 -842.841)" fill="rgba(97,70,198,0.44)" stroke="#6146c6" stroke-width="1"/>
<rect id="Rectangle_2560" data-name="Rectangle 2560" width="9.621" height="12.507" rx="1.5" transform="translate(-11693.766 -845.728)" fill="#fff" stroke="#6146c6" stroke-width="1"/>
<path id="Path_3422" data-name="Path 3422" d="M-11789.729-810.559l-9.029,5.04v12.413l9.029,4.667Z" transform="translate(111.443 -40.496)" fill="#fff" stroke="#6146c6" stroke-width="1"/>
<rect id="Rectangle_2559" data-name="Rectangle 2559" width="14.431" height="23.089" rx="1.5" transform="translate(-11678.373 -851.5)" fill="#fff" stroke="#6146c6" stroke-width="1"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

@ -0,0 +1,20 @@
<svg xmlns="http://www.w3.org/2000/svg" width="49.506" height="47.158" viewBox="0 0 49.506 47.158">
<g id="Stethoscope" transform="translate(-181.75 -500.417)">
<path id="Path_3437" data-name="Path 3437" d="M-11962.512-694.769s-3.979-.811-3.168,0c-1.475,7.074,8.4,11.275,8.4,11.275l.885,4.643h3.758l.663-4.643s7.886-2.653,8.917-11.275c.147-.442-3.464,0-3.464,0s2.139,6.559-7,7.811S-11962.512-694.769-11962.512-694.769Z" transform="translate(12149 1213)" fill="#fff"/>
<circle id="Ellipse_504" data-name="Ellipse 504" cx="1.5" cy="1.5" r="1.5" transform="translate(188 502)" fill="#fff"/>
<circle id="Ellipse_505" data-name="Ellipse 505" cx="1.5" cy="1.5" r="1.5" transform="translate(198 502)" fill="#fff"/>
<circle id="Ellipse_506" data-name="Ellipse 506" cx="5" cy="5" r="5" transform="translate(220 523)" fill="#fff"/>
<g id="stethoscope_1_" data-name="stethoscope (1)" transform="translate(182 489.167)">
<g id="Group_1770" data-name="Group 1770" transform="translate(0 11.508)">
<g id="Group_1769" data-name="Group 1769">
<path id="Path_3426" data-name="Path 3426" d="M48.941,37.648A5.717,5.717,0,0,0,44.1,32.807V31.322a7.208,7.208,0,0,0-6.942-7.432A7.236,7.236,0,0,0,30.216,31.1h.047l-.047.008V47.2c0,5.145-3.846,9.323-8.575,9.323s-8.575-4.184-8.575-9.323V45.808c1.184,0,2.45-.858,2.45-3.267V40.488A11.581,11.581,0,0,0,24.5,29.545v-1.7H22.866l-.034-10.629a4.087,4.087,0,0,0-3.36-4,2.437,2.437,0,1,0-.056,1.665A2.45,2.45,0,0,1,21.2,17.218l.037,10.624H19.6v1.726a6.494,6.494,0,0,1-4.7,6.093,7.426,7.426,0,0,1-4.492,0,6.491,6.491,0,0,1-4.691-6.093V27.842H3.267V17.225A2.45,2.45,0,0,1,5.08,14.87a2.461,2.461,0,1,0-.051-1.659,4.083,4.083,0,0,0-3.4,4.014V27.842H0v1.7A11.58,11.58,0,0,0,8.983,40.488v2.054c0,2.408,1.266,3.267,2.45,3.267V47.2c0,6.043,4.579,10.956,10.208,10.956S31.85,53.24,31.85,47.2V31.148a5.589,5.589,0,0,1,5.308-5.621,5.575,5.575,0,0,1,5.308,5.8v1.482a5.717,5.717,0,1,0,6.475,4.841ZM17.15,14.775a.817.817,0,1,1,.817-.817A.817.817,0,0,1,17.15,14.775Zm-9.8-1.633a.817.817,0,1,1-.817.817A.817.817,0,0,1,7.35,13.142ZM1.633,29.54v-.065h2.45v.093a8.114,8.114,0,0,0,5.829,7.646,9.087,9.087,0,0,0,5.486,0,8.116,8.116,0,0,0,5.834-7.646v-.093h1.633v.065a10.011,10.011,0,0,1-8.33,9.507,11.649,11.649,0,0,1-3.445.169,10.666,10.666,0,0,1-1.128-.171A10.008,10.008,0,0,1,1.633,29.54Zm9.8,14.634c-.735,0-.817-1.143-.817-1.633V40.809c.065.008.132.011.2.018.082.009.163.016.245.023.386.034.776.057,1.169.058h.041c.392,0,.781-.024,1.165-.058.082-.007.168-.014.252-.023.065-.007.131-.01.2-.018v1.733c0,.49-.082,1.633-.817,1.633Zm31.849-1.633a4.083,4.083,0,1,1,4.083-4.083A4.083,4.083,0,0,1,43.283,42.542Z" transform="translate(0 -11.508)" fill="#6146c6" stroke="#eeecfa" stroke-width="0.5"/>
</g>
</g>
<g id="Group_1772" data-name="Group 1772" transform="translate(40.833 36.008)">
<g id="Group_1771" data-name="Group 1771">
<path id="Path_3427" data-name="Path 3427" d="M402.45,251.515a2.45,2.45,0,1,0,2.45,2.45A2.45,2.45,0,0,0,402.45,251.515Zm0,3.267a.817.817,0,1,1,.817-.817A.817.817,0,0,1,402.45,254.782Z" transform="translate(-400 -251.515)" fill="#6146c6" stroke="#eeecfa" stroke-width="0.5"/>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.2 KiB

@ -0,0 +1,5 @@
<svg id="add" xmlns="http://www.w3.org/2000/svg" width="24.812" height="29.05" viewBox="0 0 24.812 29.05">
<path id="Path_2245" data-name="Path 2245" d="M12.2,6C8.782,6,6,9.257,6,13.262s2.782,7.262,6.2,7.262,6.2-3.257,6.2-7.262S15.624,6,12.2,6Zm3.1,8.472H13.237v2.421A1.133,1.133,0,0,1,12.2,18.1a1.133,1.133,0,0,1-1.034-1.21V14.472H9.1a1.133,1.133,0,0,1-1.034-1.21A1.133,1.133,0,0,1,9.1,12.052h2.068V9.631A1.133,1.133,0,0,1,12.2,8.421a1.133,1.133,0,0,1,1.034,1.21v2.421H15.3a1.133,1.133,0,0,1,1.034,1.21A1.133,1.133,0,0,1,15.3,14.472Z" transform="translate(0.203 1.264)" fill="#c3c5c5"/>
<path id="Path_2246" data-name="Path 2246" d="M1.551,14.524c0-7.007,4.869-12.709,10.855-12.709a9.679,9.679,0,0,1,5.926,2.066L16.769,5.713a.934.934,0,0,0,.548,1.549h4.652a.85.85,0,0,0,.775-.908V.908c0-.8-.833-1.215-1.323-.641L19.443,2.583A11.1,11.1,0,0,0,12.406,0C5.565,0,0,6.515,0,14.524a16.821,16.821,0,0,0,.53,4.2.764.764,0,0,0,.967.608A.942.942,0,0,0,2.015,18.2a14.706,14.706,0,0,1-.464-3.671Z" transform="translate(0 0.001)" fill="#c3c5c5"/>
<path id="Path_2247" data-name="Path 2247" d="M24.214,8.646a.761.761,0,0,0-.967-.608.942.942,0,0,0-.518,1.132,14.706,14.706,0,0,1,.464,3.671c0,7.007-4.869,12.709-10.855,12.709a9.674,9.674,0,0,1-5.916-2.058L7.979,21.65A.935.935,0,0,0,7.428,20.1H2.775a.721.721,0,0,0-.551.27A1,1,0,0,0,2,21.021l.052,5.447c.006.806.847,1.2,1.326.628L5.32,24.8a11.091,11.091,0,0,0,7.019,2.568c6.841,0,12.406-6.515,12.406-14.524a16.821,16.821,0,0,0-.53-4.2Z" transform="translate(0.068 1.684)" fill="#c3c5c5"/>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 986 B

@ -0,0 +1,17 @@
<svg xmlns="http://www.w3.org/2000/svg" width="43.078" height="51" viewBox="0 0 43.078 51">
<g id="sonicaid" transform="translate(-59 -499)">
<g id="Rectangle_2564" data-name="Rectangle 2564" transform="translate(59 499)" fill="#fff" stroke="#6146c6" stroke-width="1">
<rect width="33" height="51" rx="4" stroke="none"/>
<rect x="0.5" y="0.5" width="32" height="50" rx="3.5" fill="none"/>
</g>
<g id="Rectangle_2565" data-name="Rectangle 2565" transform="translate(65 504)" fill="rgba(97,70,198,0.31)" stroke="#6146c6" stroke-width="1">
<rect width="20" height="21" rx="4" stroke="none"/>
<rect x="0.5" y="0.5" width="19" height="20" rx="3.5" fill="none"/>
</g>
<g id="Rectangle_2566" data-name="Rectangle 2566" transform="translate(89 509)" fill="#fff" stroke="#6146c6" stroke-width="1">
<rect width="8" height="41" rx="2" stroke="none"/>
<rect x="0.5" y="0.5" width="7" height="40" rx="1.5" fill="none"/>
</g>
<path id="Path_3429" data-name="Path 3429" d="M-10964.288-1104.35h7.317l4.592-8.272h-16.27Z" transform="translate(11053.607 1615.093)" fill="#fff" stroke="#6146c6" stroke-width="1"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

@ -0,0 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" width="48.844" height="48.075" viewBox="0 0 48.844 48.075">
<g id="thermometer" transform="translate(0.638 0.507)">
<g id="_105553264480704" transform="translate(0)">
<path id="Path_1662" data-name="Path 1662" d="M1433.19,3177.144c1.986,2.5,8.644,10.126,8.943,11.03a79.255,79.255,0,0,0,5.474,11.37,176.574,176.574,0,0,0,11.167,17.087c.892,1.147.322,1.766.312,1.785a9.516,9.516,0,0,1-1.969,1.822c-1.3,1.2-2.513,1.015-2.845.808a58.072,58.072,0,0,1-20.4-18.248c-3.171-4.665-5.784-11.018-6.6-12.515a14.018,14.018,0,0,0-4.291-4.24c-2.7-1.987-6.09-2.765-8.338-3.658a6.271,6.271,0,0,1-2.494-1.687,7.731,7.731,0,0,1-.487-3.812,2.83,2.83,0,0,1,1.5-2.032C1417.245,3174.221,1429.99,3173.116,1433.19,3177.144Z" transform="translate(-1411.6 -3174.221)" fill="#fff" stroke="#6146c6" stroke-miterlimit="2.613" stroke-width="1" fill-rule="evenodd"/>
<path id="Path_1663" data-name="Path 1663" d="M1685.144,3643.783c3.621,1.08,10.148,3.6,14.092,6.519,10.282,7.621,8.565,13.79,17.153,23.082.972,1.052,13.844,12.451,13.8,12.5a4.133,4.133,0,0,1-1.62.806,1.72,1.72,0,0,1-.885-.03,1.774,1.774,0,0,1-.517-.279c-.354-.22-.877-.542-1.4-.839-1.035-.588-3.346-2.006-5.9-3.845a49.1,49.1,0,0,1-5.977-5.359,62.613,62.613,0,0,1-8.14-10.109,52.48,52.48,0,0,1-3.086-5.827c-.392-.867-.831-1.736-1.246-2.639a13.937,13.937,0,0,0-2.016-3.464,17.62,17.62,0,0,0-4.407-3.508,26.6,26.6,0,0,0-4.405-1.913c-.972-.339-2.016-.639-2.971-1.062a5.96,5.96,0,0,1-2.339-1.709,3.813,3.813,0,0,1-.4-1.667c-.028-.22-.048-.387-.056-.506s-.033-.2.013-.24S1684.931,3643.719,1685.144,3643.783Z" transform="translate(-1684.804 -3639.748)" fill="#6146c6" stroke="#6146c6" stroke-miterlimit="2.613" stroke-width="1" fill-rule="evenodd"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

@ -0,0 +1,20 @@
import "./Gajet.scss";
import { Link } from "react-router-dom";
const Gajet = ({ item , setGajetId , gajetId}) => {
return (
<>
<nav className="mainCard">
<Link to='/gajet' onClick={() => setGajetId(item.icon)}>
<nav className="BgCard" style={{ backgroundColor: item.bgColor }}>
<img src={item.icon} alt={item.title} />
</nav>
</Link>
<h4 className="title">{item.title}</h4>
</nav>
</>
);
};
export default Gajet;

@ -0,0 +1,25 @@
.mainCard {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
margin: 5px;
.BgCard {
box-shadow: rgba(158, 158, 240, 0.3) 0px 10px 20px -5px,
rgba(0, 0, 0, 0.1) 0px 5px 16px -8px;
justify-content: center;
border-radius: 10px;
align-items: center;
display: flex;
width: 80px;
height: 80px;
margin-bottom: 1rem;
}
.title {
width: 95px;
font-size: 12px;
font-weight: 400;
}
}

@ -0,0 +1,39 @@
import React from "react";
import { Tabs, Tab } from "react-bootstrap";
import "./GajetPage.scss";
import add from "../../assets/add.svg";
const GajetPage = ({ gajetId }) => {
return (
<>
<Tabs
defaultActiveKey="home"
id="noanim-tab-example"
className="mb-3 Tabs"
>
<Tab eventKey="home" title="سنجش">
<div className="alignCircle">
<nav className="circleNav">
<img src={gajetId} />
</nav>
</div>
<nav className="discription">
<p >دماسنج را در مقابل پیشانی خود قرار دهید</p>
<button type="button" className="btn btn-secondary mt-3">
<span className='ms-1'>
<img src={add} />
</span>
اتصال به دستگاه جدید
</button>
</nav>
</Tab>
<Tab eventKey="profile" title="تاریخچه">
<h3>تاریخچه</h3>
</Tab>
</Tabs>
</>
);
};
export default GajetPage;

@ -0,0 +1,88 @@
.alignCircle {
margin-top: 4rem;
margin-bottom: 4rem;
display: flex;
align-items: center;
justify-content: center;
.circleNav {
background-color: #f6f6f6;
width: 230px;
height: 230px;
border-radius: 10rem;
border-top: #d9d9d9 solid 3px;
border-bottom: #d9d9d9 solid 3px;
transform: rotate(45deg);
display: flex;
justify-content: center;
align-items: center;
img {
transform: rotate(-45deg);
width: 10rem;
height: 10rem;
}
}
.circleNavActive {
width: 230px;
height: 230px;
border-radius: 10rem;
transform: rotate(45deg);
display: flex;
justify-content: center;
align-items: center;
background-color: #06e5af20;
border-top: #06e5af solid 3px;
border-bottom: #06e5af solid 3px;
img {
transform: rotate(-45deg);
width: 10rem;
height: 10rem;
}
}
.circleNavWrong {
width: 230px;
height: 230px;
border-radius: 10rem;
transform: rotate(45deg);
display: flex;
justify-content: center;
align-items: center;
background-color: #d8192110;
border-top: #d81921 solid 3px;
border-bottom: #d81921 solid 3px;
img {
transform: rotate(-45deg);
width: 10rem;
height: 10rem;
}
}
}
.Tabs {
direction: rtl;
background-color: #f6f6f6;
color: #000 !important;
.Tab {
width: 50% !important;
}
}
.nav-link {
width: 50%;
}
.discription {
direction: rtl;
text-align: center;
button {
font-size: 14px;
}
p {
font-size: 14px;
}
}

@ -0,0 +1,17 @@
import React from "react";
import Gajet from "../gajet/Gajet";
import "./Gajetlist.scss";
const GajetList = ({ gajets, setGajetId, gajetId }) => {
return (
<>
<div className="container mainCart">
{gajets.map((item) => (
<Gajet item={item} setGajetId={setGajetId} gajetId={gajetId} />
))}
</div>
</>
);
};
export default GajetList;

@ -0,0 +1,5 @@
.mainCart{
margin-top: 5rem;
display: flex;
flex-wrap: wrap;
justify-content: center;}

@ -1,13 +0,0 @@
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
code {
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
monospace;
}

@ -1,17 +1,7 @@
import React from 'react'; import React from "react";
import ReactDOM from 'react-dom'; import ReactDOM from "react-dom";
import './index.css'; import App from "./App";
import App from './App'; import 'bootstrap/dist/css/bootstrap.min.css';
import reportWebVitals from './reportWebVitals'; import './index.scss'
ReactDOM.render( ReactDOM.render(<App />, document.getElementById("root"));
<React.StrictMode>
<App />
</React.StrictMode>,
document.getElementById('root')
);
// If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
reportWebVitals();

@ -0,0 +1,4 @@
body{
padding: 0;
font-family: 'IranSans';
}

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3"><g fill="#61DAFB"><path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/><circle cx="420.9" cy="296.5" r="45.7"/><path d="M520.5 78.1z"/></g></svg>

Before

Width:  |  Height:  |  Size: 2.6 KiB

@ -1,13 +0,0 @@
const reportWebVitals = onPerfEntry => {
if (onPerfEntry && onPerfEntry instanceof Function) {
import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
getCLS(onPerfEntry);
getFID(onPerfEntry);
getFCP(onPerfEntry);
getLCP(onPerfEntry);
getTTFB(onPerfEntry);
});
}
};
export default reportWebVitals;

@ -1,5 +0,0 @@
// jest-dom adds custom jest matchers for asserting on DOM nodes.
// allows you to do things like:
// expect(element).toHaveTextContent(/react/i)
// learn more: https://github.com/testing-library/jest-dom
import '@testing-library/jest-dom';

File diff suppressed because it is too large Load Diff
Loading…
Cancel
Save