Oprava FontAwesome, odstranění Babel

client/babel-plugin-macros.config.js

@@ -1,5 +0,0 @@
-module.exports = {
-    'fontawesome-svg-core': {
-        'license': 'free'
-    }
-}

client/babel.config.js

@@ -1,5 +0,0 @@
-module.exports = function (api) {
-    return {
-        plugins: ['macros'],
-    }
-}

client/package.json

@@ -15,7 +15,6 @@
     "@types/node": "^16.18.23",
     "@types/react": "^18.0.33",
     "@types/react-dom": "^18.0.11",
-    "babel-plugin-macros": "^3.1.0",
     "bootstrap": "^5.2.3",
     "react": "^18.2.0",
     "react-bootstrap": "^2.7.2",

client/src/App.tsx

@@ -7,13 +7,13 @@ import Login from './Login';
 import { Locations, ClientData, Pizza } from './Types';
 import { Alert, Button, Col, Form, Row, Table } from 'react-bootstrap';
 import Header from './components/Header';
-import { icon } from '@fortawesome/fontawesome-svg-core/import.macro'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import PizzaOrderList from './components/PizzaOrderList';
 import SelectSearch from 'react-select-search';
 import 'react-select-search/style.css';
 import './App.css';
 import { SelectSearchOption } from 'react-select-search';
+import { faTrashCan } from '@fortawesome/free-regular-svg-icons';
 
 
 const EVENT_CONNECT = "connect"
@@ -185,7 +185,7 @@ function App() {
                             {data.choices[Number(key)].map((p: string, index: number) =>
                               <li key={index}>{p} {p === auth.login && <FontAwesomeIcon onClick={() => {
                                 removeChoice(key);
-                              }} title='Odstranit' className='trash-icon' icon={icon({ name: 'trash-can', style: 'regular' })} />}</li>
+                              }} title='Odstranit' className='trash-icon' icon={faTrashCan} />}</li>
                             )}
                           </ul>
                         </td>