So I spent some time today attempting to add some Font Awesome icons to the project, but I couldn't get them to work. (At minimum, the filters section needs both a 'search' icon and a 'location-pin' icon).
Generally, for react, it's just a matter of adding a CDN link to the head, and then importing the <FontAwesome> component from the react-fontawesome library.
I'm not sure if I've been messing up something simple, or if there's another element at play with Next.js that we would have to configure first, but, yeah, even though I've used it in the past, I simply couldn't get it to work on this project.
I'll keep at it, but yeah, if someone wants to jump in and see if they can resolve this issue (whether it's with Font Awesome or with another icon library, it doesn't really matter), then it would be a huge help.
So I spent some time today attempting to add some Font Awesome icons to the project, but I couldn't get them to work. (At minimum, the filters section needs both a 'search' icon and a 'location-pin' icon).
Generally, for react, it's just a matter of adding a CDN link to the head, and then importing the
<FontAwesome>component from thereact-fontawesomelibrary.I'm not sure if I've been messing up something simple, or if there's another element at play with Next.js that we would have to configure first, but, yeah, even though I've used it in the past, I simply couldn't get it to work on this project.
I'll keep at it, but yeah, if someone wants to jump in and see if they can resolve this issue (whether it's with Font Awesome or with another icon library, it doesn't really matter), then it would be a huge help.