Clean up code

frontend/src/App.css

@@ -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);*/
-/*  }*/
-/*}*/

frontend/src/App.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
 import './App.css';
 import MainPage from './pages/MainPage';
+import React from 'react';
 
 function App() {
     return (

frontend/src/components/relay/RelayCard.tsx

@@ -4,7 +4,7 @@ import {CloseCircleFilled, EditOutlined, EllipsisOutlined, SettingOutlined} from
 import Meta from 'antd/es/card/Meta';
 import './RelayCard.css';
 
-function RelayCard() {
+const RelayCard: React.FC<{ relay: Relay }> = (props) => {
 
     return (
         <>
@@ -15,7 +15,8 @@ function RelayCard() {
                     cover={
                         <img
                             alt="example"
-                            src="http://www.status-scb.ru/upload/iblock/458/458aa8a30c03af897511a2d8c00cdc74.png"
+                            src={props.relay.imgUrl}
+                            // src="http://www.status-scb.ru/upload/iblock/458/458aa8a30c03af897511a2d8c00cdc74.png"
                         />
                     }
                     actions={[
@@ -26,20 +27,22 @@ function RelayCard() {
                 >
             <Meta
                 avatar={<CloseCircleFilled style={{color: '#08c'}}/>}
-                title="НМШ-400"
+                title={props.relay.title}
+                // title="НМШ-400"
             />
             <table>
                 <tr>
                     <td>Дата проверки</td>
-                    <td>01.02.2003</td>
+                    <td>{props.relay.checkingDate}</td>
+                    {/*<td>01.02.2003</td>*/}
                 </tr>
             </table>
         </Card>;
                 </div>
             </span>
         </>
     );
-}
+};
 
 // class RelayCard extends React.Component<any, any> {
 //

frontend/src/index.css

@@ -1,13 +1,9 @@
-/*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;*/
-/*}*/
+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;*/
-/*}*/

frontend/src/index.tsx

@@ -2,16 +2,10 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import './index.css';
 import App from './App';
-import * as serviceWorker from './serviceWorker';
 
 ReactDOM.render(
   <React.StrictMode>
     <App />
   </React.StrictMode>,
   document.getElementById('root')
 );
-
-// If you want your app to work offline and load faster, you can change
-// unregister() to register() below. Note this comes with some pitfalls.
-// Learn more about service workers: https://bit.ly/CRA-PWA
-serviceWorker.unregister();

frontend/src/models/Relay.ts

@@ -0,0 +1,11 @@
+class Relay {
+    imgUrl: string;
+    title: string;
+    checkingDate: string;
+
+    constructor(imgUrl: string, title: string, checkingDate: string) {
+        this.imgUrl = imgUrl;
+        this.title = title;
+        this.checkingDate = checkingDate;
+    }
+}