search

code-Atish / codeEditor

1 stars 10 forks source link

Revert "Footer" #26

Open vaibhavvatsbhartiya opened 4 weeks ago

vaibhavvatsbhartiya commented 4 weeks ago

Reverts code-Atish/codeEditor#24

get error you need to fix it first

image

8:40:35 pm [vite] Pre-transform error: Failed to resolve import "@fortawesome/fontawesome-free/css/all.min.css" from "src/components/Footer.jsx". Does the file exist?
8:40:36 pm [vite] Internal server error: Failed to resolve import "@fortawesome/fontawesome-free/css/all.min.css" from "src/components/Footer.jsx". Does the file 
exist?
vaibhavvatsbhartiya commented 4 weeks ago

After solving this issue you need to upload a video. A proof which show us its responsive functionality.

cpwallah commented 4 weeks ago

okay i will do it @vaibhavvatsbhartiya

chihab1991 commented 3 weeks ago

I think that you get this error because font-awesome is not set properly and by following this guide https://dev.to/davidemaye/how-to-set-up-font-awesome-in-react-5a8d i found that the font awesome's SVG core package is missing we can add it by :

npm i --save @fortawesome/fontawesome-svg-core

than adding font awesome react component:

npm i --save @fortawesome/react-fontawesome@latest

after that we modify the icons in the footer like this:

image

also, we can import icons globally in the app.jsx to avoid import icons individually.

cpwallah commented 3 weeks ago

thanks for suggestion @chihab1991 i will try to do this