rm @fortawesome/* packages

apps/learneth/src/components/BackButton/index.tsx

@@ -1,8 +1,6 @@
 import React, {useState} from 'react'
 import {Link, useLocation, useNavigate} from 'react-router-dom'
 import {Button, Modal, Tooltip, OverlayTrigger} from 'react-bootstrap'
-import {FontAwesomeIcon} from '@fortawesome/react-fontawesome'
-import {faHome, faBars, faChevronLeft, faChevronRight} from '@fortawesome/free-solid-svg-icons'
 import './index.scss'
 
 function BackButton({entity}: any) {
@@ -25,14 +23,14 @@ function BackButton({entity}: any) {
             role="button"
           >
             <OverlayTrigger placement="right" overlay={<Tooltip id="tooltip-right">Leave tutorial</Tooltip>}>
-              <FontAwesomeIcon className="pl-1" icon={faHome} />
+              <i className="fas fa-home pl-1" />
             </OverlayTrigger>
           </div>
         </li>
         {isDetailPage && (
           <li className="nav-item">
             <Link className="btn" to={`/list?id=${entity.id}`} title="Tutorial menu">
-              <FontAwesomeIcon icon={faBars} />
+              <i className="fas fa-bars" />
             </Link>
           </li>
         )}
@@ -41,13 +39,13 @@ function BackButton({entity}: any) {
         <form className="form-inline">
           {stepId > 0 && (
             <Link to={`/detail?id=${entity.id}&stepId=${stepId - 1}`}>
-              <FontAwesomeIcon className="pr-1" icon={faChevronLeft} />
+              <i className="fas fa-chevron-left pr-1" />
             </Link>
           )}
           {stepId + 1}/{entity && <div className="">{entity.steps.length}</div>}
           {stepId < entity.steps.length - 1 && (
             <Link to={`/detail?id=${entity.id}&stepId=${stepId + 1}`}>
-              <FontAwesomeIcon className="pl-1" icon={faChevronRight} />
+              <i className="fas fa-chevron-right pl-1" />
             </Link>
           )}
         </form>

apps/learneth/src/components/RepoImporter/index.tsx

@@ -1,7 +1,5 @@
 import React, {useState, useEffect} from 'react'
 import {Button, Dropdown, Form, Tooltip, OverlayTrigger} from 'react-bootstrap'
-import {FontAwesomeIcon} from '@fortawesome/react-fontawesome'
-import {faQuestionCircle, faInfoCircle, faChevronRight, faChevronDown} from '@fortawesome/free-solid-svg-icons'
 import {useAppDispatch} from '../../redux/hooks'
 import './index.css'
 
@@ -47,7 +45,7 @@ function RepoImporter({list, selectedRepo}: any): JSX.Element {
 
       <div onClick={panelChange} style={{cursor: 'pointer'}} className="container-fluid d-flex mb-3 small">
         <div className="d-flex pr-2 pl-2">
-          <FontAwesomeIcon className="arrow-icon pt-1" size="xs" icon={open ? faChevronDown : faChevronRight} />
+          <i className={`arrow-icon pt-1 fas fa-xs ${open ? 'fa-chevron-down' : 'fa-chevron-right'}`}></i>
         </div>
         <div className="d-flex">Import another tutorial repo</div>
       </div>
@@ -85,7 +83,7 @@ function RepoImporter({list, selectedRepo}: any): JSX.Element {
                 REPO
               </Form.Label>
               <OverlayTrigger placement="right" overlay={<Tooltip id="tooltip-right">ie username/repository</Tooltip>}>
-                <FontAwesomeIcon icon={faQuestionCircle} />
+                <i className="fas fa-question-circle" />
               </OverlayTrigger>
               <Form.Control
                 id="name"
@@ -109,7 +107,7 @@ function RepoImporter({list, selectedRepo}: any): JSX.Element {
               Import {name}
             </Button>
             <a href="https://github.com/bunsenstraat/remix-learneth-plugin/blob/master/README.md" className="d-none" target="_blank" rel="noreferrer">
-              <FontAwesomeIcon icon={faInfoCircle} /> how to setup your repo
+              <i className="fas fa-info-circle" /> how to setup your repo
             </a>
           </Form>
         )}

apps/learneth/src/pages/Home/index.tsx

@@ -1,7 +1,5 @@
 import React, {useEffect} from 'react'
 import {Link} from 'react-router-dom'
-import {FontAwesomeIcon} from '@fortawesome/react-fontawesome'
-import {faChevronRight, faChevronDown, faPlayCircle} from '@fortawesome/free-solid-svg-icons'
 import Markdown from 'react-markdown'
 import rehypeRaw from 'rehype-raw'
 import remarkGfm from 'remark-gfm'
@@ -51,7 +49,7 @@ function HomePage(): JSX.Element {
                         handleClick(item.id)
                       }}
                     >
-                      <FontAwesomeIcon size="xs" icon={isOpen(item.id) ? faChevronDown : faChevronRight} />
+                      <i className={`fas fa-xs ${isOpen(item.id) ? 'fa-chevron-down' : 'fa-chevron-right'}`} />
                     </span>
                     <span
                       className="workshop-link"
@@ -62,7 +60,7 @@ function HomePage(): JSX.Element {
                       {selectedRepo.entities[item.id].name}
                     </span>
                     <Link to={`/list?id=${item.id}`} className="text-decoration-none float-right">
-                      <FontAwesomeIcon icon={faPlayCircle} size="lg" />
+                      <i className="fas fa-play-circle fa-lg" />
                     </Link>
                   </div>
                   <div className={`container-fluid bg-light pt-3 mt-2 ${isOpen(item.id) ? '' : 'description-collapsed'}`}>

package.json

@@ -138,9 +138,6 @@
     "@ethereumjs/util": "^8.0.5",
     "@ethereumjs/vm": "^6.4.1",
     "@ethersphere/bee-js": "^3.2.0",
-    "@fortawesome/fontawesome-svg-core": "^6.5.1",
-    "@fortawesome/free-solid-svg-icons": "^6.5.1",
-    "@fortawesome/react-fontawesome": "^0.2.0",
     "@isomorphic-git/lightning-fs": "^4.4.1",
     "@microlink/react-json-view": "^1.23.0",
     "@openzeppelin/contracts": "^5.0.0",

yarn.lock

@@ -2954,37 +2954,11 @@
     intl-messageformat "10.1.0"
     tslib "2.4.0"
 
-"@fortawesome/fontawesome-common-types@6.5.1":
-  version "6.5.1"
-  resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.5.1.tgz#fdb1ec4952b689f5f7aa0bffe46180bb35490032"
-  integrity sha512-GkWzv+L6d2bI5f/Vk6ikJ9xtl7dfXtoRu3YGE6nq0p/FFqA1ebMOAWg3XgRyb0I6LYyYkiAo+3/KrwuBp8xG7A==
-
 "@fortawesome/fontawesome-free@^5.8.1":
   version "5.15.4"
   resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-free/-/fontawesome-free-5.15.4.tgz#ecda5712b61ac852c760d8b3c79c96adca5554e5"
   integrity sha512-eYm8vijH/hpzr/6/1CJ/V/Eb1xQFW2nnUKArb3z+yUWv7HTwj6M7SP957oMjfZjAHU6qpoNc2wQvIxBLWYa/Jg==
 
-"@fortawesome/fontawesome-svg-core@^6.5.1":
-  version "6.5.1"
-  resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.5.1.tgz#9d56d46bddad78a7ebb2043a97957039fcebcf0a"
-  integrity sha512-MfRCYlQPXoLlpem+egxjfkEuP9UQswTrlCOsknus/NcMoblTH2g0jPrapbcIb04KGA7E2GZxbAccGZfWoYgsrQ==
-  dependencies:
-    "@fortawesome/fontawesome-common-types" "6.5.1"
-
-"@fortawesome/free-solid-svg-icons@^6.5.1":
-  version "6.5.1"
-  resolved "https://registry.yarnpkg.com/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-6.5.1.tgz#737b8d787debe88b400ab7528f47be333031274a"
-  integrity sha512-S1PPfU3mIJa59biTtXJz1oI0+KAXW6bkAb31XKhxdxtuXDiUIFsih4JR1v5BbxY7hVHsD1RKq+jRkVRaf773NQ==
-  dependencies:
-    "@fortawesome/fontawesome-common-types" "6.5.1"
-
-"@fortawesome/react-fontawesome@^0.2.0":
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/@fortawesome/react-fontawesome/-/react-fontawesome-0.2.0.tgz#d90dd8a9211830b4e3c08e94b63a0ba7291ddcf4"
-  integrity sha512-uHg75Rb/XORTtVt7OS9WoK8uM276Ufi7gCzshVWkUJbHhh3svsUUeqXerrM96Wm7fRiDzfKRwSoahhMIkGAYHw==
-  dependencies:
-    prop-types "^15.8.1"
-
 "@gar/promisify@^1.1.3":
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/@gar/promisify/-/promisify-1.1.3.tgz#555193ab2e3bb3b6adc3d551c9c030d9e860daf6"