Feature: Social Icons Integration on Login and Signup Page

[aialok]

What kind of change does this PR introduce?

• Added Social Icon of The Palisadoes Foundation for given platform.

Issue Number:

Fixes #1304
Closes #1304

Did you add tests for your changes?

• No

Snapshots/Videos:

cinnamon-2023-12-31T004059+0530.webm

If relevant, did you update the documentation?

Summary

• Added Social Icon on login and signup page of The Palisadoes Foundation

Does this PR introduce a breaking change?

Other information

Have you read the contributing guide?

[github-actions]

Our Pull Request Approval Process

We have these basic policies to make the approval process smoother for our volunteer team.

Testing Your Code

Please make sure your code passes all tests. Our test code coverage system will fail if these conditions occur:

1. The overall code coverage drops below the target threshold of the repository
2. Any file in the pull request has code coverage levels below the repository threshold
3. Merge conflicts

The process helps maintain the overall reliability of the code base and is a prerequisite for getting your PR approved. Assigned reviewers regularly review the PR queue and tend to focus on PRs that are passing.

Reviewers

When your PR has been assigned reviewers contact them to get your code reviewed and approved via:

1. comments in this PR or
2. our slack channel

Reviewing Your Code

Your reviewer(s) will have the following roles:

1. arbitrators of future discussions with other contributors about the validity of your changes
2. point of contact for evaluating the validity of your work
3. person who verifies matching issues by others that should be closed.
4. person who gives general guidance in fixing your tests

CONTRIBUTING.md

Read our CONTRIBUTING.md file. Most importantly:

1. PRs with issues not assigned to you will be closed by the reviewer
2. Fix the first comment in the PR so that each issue listed automatically closes

Other

1. 🎯 Please be considerate of our volunteers' time. Contacting the person who assigned the reviewers is not advised unless they ask for your input. Do not @ the person who did the assignment otherwise.
2. Read the CONTRIBUTING.md file make

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Comparison is base (d15cf33) 96.57% compared to head (b18592e) 96.99%.
Report is 9 commits behind head on develop.

Additional details and impacted files

@@             Coverage Diff             @@
##           develop    #1326      +/-   ##
===========================================
+ Coverage    96.57%   96.99%   +0.41%     
===========================================
  Files          137      137              
  Lines         3417     3426       +9     
  Branches       958      963       +5     
===========================================
+ Hits          3300     3323      +23     
+ Misses         112       98      -14     
  Partials         5        5              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[aashimawadhwa]

Please add the icons similar to the figma file @aialok

[aialok]

Please add the icons similar to the figma file @aialok

@aashimawadhwa

• Making changes that closely resemble the Figma file is a bit challenging. Are the above changes acceptable?

[aashimawadhwa]

Add the slack icon as well and please link the talawa slack to it @aialok

[aialok]

Add the slack icon as well and please link the talawa slack to it @aialok

Sure, should I also add Instagram icon ?

[rishav-jha-mech]

@aialok you need to add all the social media icons, and they should be colored as given in figma design

[aialok]

@aashimawadhwa , Please have a look.

[palisadoes]

See comment

[rishav-jha-mech]

This is how the Login/Register screen should look like

Also you need to add link to the Palisadoes Image (use anchor tag), clicking on which a user can go to the official website of Palisadoes.

The icons should be rounded, you can find the updated designs here on this figma link.

https://www.figma.com/file/dTGr5CnGHvkilU5nwnRXg2/Talawa-Admin-UI-Redesign?type=design&node-id=307-212&mode=design&t=qXBoOuK57MBGN4QZ-0

You can refer to this issue, for the Community Settings,
#1334

[aialok]

• I have a small suggestion. Since I am using SVGs directly from the Figma design, Can I create a folder named 'social-icons' under the SVGs parent directory and placing all SVGs inside it. This would provide ease of access and reduce potential conflicts for anyone working in the future."
• In the future, if there is a community that wants to add or delete their own social icons, they can easily do so by adding or deleting from the 'social-icons' folder.

@rishav-jha-mech

[aialok]

• Here is updated social-icon with figma design.

cinnamon-2024-01-02T153259+0530.webm

[aashimawadhwa]

this LGTM now.