Closed vemurikarthik closed 1 year ago
From the code provided, the social links in the footer are modified within the Footer
component. This can be found in the src/components/Footer/index.tsx
file. There's a SocialLink
component defined there, which consists of each individual social link, including the URL to which it redirects, and the respective icon from the SVG file.
Here is the way to modify the social links:
SocialLink
component within the Footer
component. For each social link, a SocialLink
component is rendered with href
and src
properties.
<SocialLink
href="https://github.com/Adrinlol/create-react-app-adrinlol"
src="github.svg"
/>
href
and src
properties respectively.For example, to change the GitHub link and use a different image, the component would look as follows:
<SocialLink
href="https://my-new-link.com"
src="my-image.svg"
/>
Here, href
is the URL to which the link will redirect and src
is the name of the image file which will be displayed as an icon. This file should be located in the same directory where the current icons are stored.
SocialLink
component with the href
and src
properties for the new social network:<SocialLink
href="https://new-social-network.com/myprofile"
src="new-social-network-icon.svg"
/>
Remember that any changes to code should be followed by testing. After modifying the social links, please ensure to run your application and check if the changes are correctly displayed.
torvalds.dev is analyzing the ticket