Implement Connect.jsx

[seanquiambao]

Component:

• Should be under /components/support
• Use React Icons documentation to find the appropriate icons.
• Icon is a link that directs users to the page.
• Create a data file under /data/support called Socials.js
• contains a list of social media links with its name, icon, and link.
• add the name of the social media at the bottom of each icon.

References: https://acm-ucr.github.io/docusaurus/docs/react/mapping-filtering https://react-icons.github.io/react-icons/

[ALE00111]

I can't currently find the file called support? Is it in a different folder?

[seanquiambao]

I can't currently find the file called support? Is it in a different folder?

you'll have to create a folder called support (inside data), and create the SOCIALS.js under /data/support. unless you're talking about the components, then it should be there already.

[seanquiambao]

I can't currently find the file called support? Is it in a different folder?

you'll have to create a folder called support (inside data), and create the SOCIALS.js under /data/support. unless you're talking about the components, then it should be there already.

oh wait there's neither 😭😭

just create a folder if it doesn't exist. for folder names, it should be lowercased and single word

[ALE00111]

I can't currently find the file called support? Is it in a different folder?

you'll have to create a folder called support (inside data), and create the SOCIALS.js under /data/support. unless you're talking about the components, then it should be there already.

oh wait there's neither 😭😭

just create a folder if it doesn't exist. for folder names, it should be lowercased and single word

Also, should this be done with a map in SOCIALS? Like in a page in the support app, I import data from socials and that data is used in the support component.

[seanquiambao]

Yes you would use the mapping function to map through the array SOCIALS