Add Links on Save in Home Panel

Overview

You have to implement add social link box functionality for Home panel which should create social link box whenever Save button is called.

Requirements

• After adding some links in Edit panel, whenever user clicks Save button, it should create link containers of those links in Home panel.
• It should only create link containers of those links which are completed.
  • A link is completed, when there's no bottom line present below the link in Edit panel.
  • 2nd link shown in first image is completed link, others are invalid/incompleted links.
  • You can use isValidURL() function from index.js to check whether a link is valid or not.
  • Or you can check for CSS styling too, both should work.
• It should create social link box same as provided in 2nd image.
• For creating the social link box in home panel, you can use createSocialLink(key, value) function from index.js, where key can be retrieve from socialLinks object and value should be same as the provided link in input element of link-box in Edit panel.
• Must follow the Code Guidelines provided.
• To test the code, setup the extension by following these steps.
• All the functionality should be implemented in index.js only.

If you have any suggestion or idea, you're welcome to share.

Let's implement SocialRepo's save button functionality! 🙌