vemurikarthik / vue-mini-player

A simple mini player powered by petite-vue
MIT License
0 stars 0 forks source link

App is showing errors while removing a song from the list #76

Closed vemurikarthik closed 1 year ago

vemurikarthik commented 1 year ago

torvalds.dev is analyzing the ticket

vemurikarthik commented 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:

  1. Find the 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"
/>
  1. To change the link or the source (image) of a social network, you'll need to modify the 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.

  1. If you want to add a new social link, simply add a new 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.