Custom title pr 968

CONTRIBUTING.md

@@ -1,4 +1,3 @@
-
 ---
 ## 👨‍💻 Prerequisite Skills to Contribute
 

README.md

@@ -12,7 +12,7 @@
   <br>
 
 **Warning**: A note for Hacktoberfest participants:
->
+
 > Pull requests which add or edit your information in a `public/data/${yourname}.json` file will NOT be counted for Hacktoberfest.
 >
 > Pull requests which improve the codebase, documentation, or other aspects of the project and are in line with the core values of the event will count. Maintainers will opt-in these PRs by applying the `hacktoberfest-accepted` label.

SECURITY.md

@@ -1,2 +1,2 @@
-- Please do not create GitHub issues to report security vulnerabilities. 
+- Please do not create GitHub issues to report security vulnerabilities.
 - Instead, report them via <http://eddiejaoude.io/contact>.

icons.md

@@ -1,21 +1,20 @@
-|  Socials   |    Usage     | Icons     |     Socials     |   Usage   | Icons        |                                                                                  
-| :-----------------------: | :------------------------: | -------------------- | :------------------------: | :--------------------: | ------------------------- |
-|  Android   |   android    | <img src="https://user-images.githubusercontent.com/65664185/138502465-89cfadf2-6b54-4f3d-ac44-ceacdd4824ba.png" width=100% height=30%> |   Apple    |   apple   | <img src="https://user-images.githubusercontent.com/65664185/138502540-8e9b80bf-deae-4566-a41a-c63623e83c21.png" width=100% height=30%>  |
-Book | book | <img src="https://user-images.githubusercontent.com/76985777/145391108-f8c08f8e-679f-45a3-ad58-83ef60aa28fe.png" width=100% height=30%> | Codeforces | codeforces   | <img src="https://user-images.githubusercontent.com/91655303/148160942-870fdbb4-a57c-4861-afaa-241835390645.png" width=100% height=30%>  |
-Codewars | codewars   | <img src="https://user-images.githubusercontent.com/76241195/147094572-962f911f-9ebd-4615-b72f-ff076f4033e8.png"  width=100% height=30%> |  DEV.to   | dev.to | <img src="https://user-images.githubusercontent.com/76241195/147094431-b194a188-0a63-4ce3-89c9-1d7578405318.png" width=100% height=30%>  |
-Discord   | discord | <img src="https://user-images.githubusercontent.com/65664185/138502295-d82d98cf-2b42-4926-ab68-e45b2cfe8605.png" width=100% height=30%>  | Dollar  | dollar  | <img src="https://user-images.githubusercontent.com/76985777/145393429-c03c5c3e-0416-4d28-be21-8a01a0c3dff5.png" width=100% height=30%>  |
-Envelope  | envelope | <img src="https://user-images.githubusercontent.com/65664185/138503382-fc1db10b-0ddc-435a-8fe0-7ba4b91f1bd3.png" width=100% height=30%>  |  Facebook  | facebook | <img src="https://user-images.githubusercontent.com/65664185/138502603-e5db457f-576a-478b-8f58-391135cfff74.png" width=100% height=30%>  |
-GitHub  | github  | <img src="https://user-images.githubusercontent.com/65664185/138502964-488bfe15-d6c4-4f0c-8221-9ef0d50bfb92.png" width=100% height=30%>  |  GitLab | gitlab | <img src="https://user-images.githubusercontent.com/54111299/152669798-e65fd784-7957-4e10-b432-5db54dcd8ec8.png" width=100% height=30%>  |
-Globe | globe | <img src="https://user-images.githubusercontent.com/32780232/143367620-5fe98cfa-7a18-4db7-95e4-0cd496acce7b.png" width=100% height=30%>  | Graduation Hat | graduation-hat | <img src="https://user-images.githubusercontent.com/76241195/147094631-50f94887-db14-4b6a-ab41-938e41be00e4.png" width=100% height=30%>  |
-Hashnode | hashnode | <img src="https://user-images.githubusercontent.com/76241195/147095015-e009e115-c7d6-4bc9-b330-66b29629a2dc.png"  width=100% height=30%> | Instagram | instagram | <img src="https://user-images.githubusercontent.com/76241195/147094225-202bb79d-5e06-4169-a0aa-712646f1159a.png" width=100% height=30%>  |
-|    Laravel     | laravel | <img src="https://raw.githubusercontent.com/FortAwesome/Font-Awesome/2360bd54ca4abe8e013d424e6679a397e9b717c8/svgs/brands/laravel.svg"> | Left Arrow  | arrowLeft | <img src="https://user-images.githubusercontent.com/76241195/147102920-8bf2b8c2-ad45-456e-9e5b-fe748f41214b.png" width=100% height=30%>  |   
-| Link   | link | <img src="https://user-images.githubusercontent.com/65664185/138502383-35db30af-8f5a-4037-9dfb-125cdf6374fe.png" width=100% height=30%>  | LinkedIn | linkedin | <img src="https://user-images.githubusercontent.com/76241195/147094289-252d533d-aeae-493c-a21a-21538162cea6.png" width=100% height=30%>  | 
-| Medium  | medium | <img src="https://user-images.githubusercontent.com/96095830/149390066-b230f63b-3af9-4bc6-9e57-ff1b0b7298fa.png" width=100% height=30%>  | Microsoft | microsoft | <img src="https://user-images.githubusercontent.com/65664185/138503027-7395af2c-e6c5-45ac-96ac-3af3d252df3b.png" width=100% height=30%>  |   
-| NodeJs     | node-js | <img src="https://raw.githubusercontent.com/FortAwesome/Font-Awesome/2360bd54ca4abe8e013d424e6679a397e9b717c8/svgs/brands/node-js.svg"> | PayPal  | paypal | <img src="https://user-images.githubusercontent.com/65664185/138503083-7dc6ab6f-9c0e-40ca-b2b7-d5377f6b2981.png" width=100% height=30%>  |  
-Polywork  | polywork | <img src="https://user-images.githubusercontent.com/97835800/150699213-6b6d1a56-dcfd-41c8-9ff4-eb02c57dbecf.png" width=100% height=30%>  |  Search |  | <img src="https://user-images.githubusercontent.com/76241195/147102645-0d50ba65-5f21-4245-9275-6c3aec7d193c.png" width=100% height=30%>  |
-|    Send   | send | <img src="https://user-images.githubusercontent.com/76241195/147096133-20e75d9a-0f96-4881-a165-5e7edf1bfe96.png"  width=100% height=30%> | Slack | slack  | <img src="https://user-images.githubusercontent.com/65664185/138503148-791f88ac-01ac-4d11-9a63-1ffaaf649b21.png" width=100% height=30%>  | 
-Snapchat | snapchat  | <img src="https://user-images.githubusercontent.com/91655303/148160774-755adc38-e089-4a20-910f-292b890e2c63.png" width=100% height=30%> |  Telegram | telegram | <img src="https://user-images.githubusercontent.com/65664185/138503468-8f27e3a9-d9ad-4348-85a4-d2c1761cd81f.png" width=100% height=30%>  |
-TikTok  | tiktok | <img src="https://user-images.githubusercontent.com/76241195/147094674-a0b67f90-c62e-4162-93b5-dd313611ff28.png" width=100% height=30%>  |  Twitch | twitch | <img src="https://user-images.githubusercontent.com/76241195/147094354-12d3b38d-bb87-4c52-a3b7-4d934498da31.png" width=100% height=30%>  |
-|  Twitter  | twitter | <img src="https://user-images.githubusercontent.com/65664185/138503209-1ce0ebbc-5590-4940-8cd0-2dadacbf09ed.png" width=100% height=30%>  | Vimeo | vimeo | <img src="https://user-images.githubusercontent.com/65664185/138503257-6af44a9c-c81a-4657-b182-6a991157810f.png" width=100% height=30%>  |
-YouTube | youtube | <img src="https://user-images.githubusercontent.com/65664185/138503305-ff60cf54-6b0b-4e18-9446-b4f6869b9511.png" width=100% height=30%>  |
-
+| Socials  |  Usage   | Icons                                                                                                                                    |    Socials     |     Usage      | Icons                                                                                                                                   |
+| :------: | :------: | ---------------------------------------------------------------------------------------------------------------------------------------- | :------------: | :------------: | --------------------------------------------------------------------------------------------------------------------------------------- |
+| Android  | android  | <img src="https://user-images.githubusercontent.com/65664185/138502465-89cfadf2-6b54-4f3d-ac44-ceacdd4824ba.png" width=100% height=30%>  |     Apple      |     apple      | <img src="https://user-images.githubusercontent.com/65664185/138502540-8e9b80bf-deae-4566-a41a-c63623e83c21.png" width=100% height=30%> |
+|   Book   |   book   | <img src="https://user-images.githubusercontent.com/76985777/145391108-f8c08f8e-679f-45a3-ad58-83ef60aa28fe.png" width=100% height=30%>  |   Codeforces   |   codeforces   | <img src="https://user-images.githubusercontent.com/91655303/148160942-870fdbb4-a57c-4861-afaa-241835390645.png" width=100% height=30%> |
+| Codewars | codewars | <img src="https://user-images.githubusercontent.com/76241195/147094572-962f911f-9ebd-4615-b72f-ff076f4033e8.png"  width=100% height=30%> |     DEV.to     |     dev.to     | <img src="https://user-images.githubusercontent.com/76241195/147094431-b194a188-0a63-4ce3-89c9-1d7578405318.png" width=100% height=30%> |
+| Discord  | discord  | <img src="https://user-images.githubusercontent.com/65664185/138502295-d82d98cf-2b42-4926-ab68-e45b2cfe8605.png" width=100% height=30%>  |     Dollar     |     dollar     | <img src="https://user-images.githubusercontent.com/76985777/145393429-c03c5c3e-0416-4d28-be21-8a01a0c3dff5.png" width=100% height=30%> |
+| Envelope | envelope | <img src="https://user-images.githubusercontent.com/65664185/138503382-fc1db10b-0ddc-435a-8fe0-7ba4b91f1bd3.png" width=100% height=30%>  |    Facebook    |    facebook    | <img src="https://user-images.githubusercontent.com/65664185/138502603-e5db457f-576a-478b-8f58-391135cfff74.png" width=100% height=30%> |
+|  GitHub  |  github  | <img src="https://user-images.githubusercontent.com/65664185/138502964-488bfe15-d6c4-4f0c-8221-9ef0d50bfb92.png" width=100% height=30%>  |     GitLab     |     gitlab     | <img src="https://user-images.githubusercontent.com/54111299/152669798-e65fd784-7957-4e10-b432-5db54dcd8ec8.png" width=100% height=30%> |
+|  Globe   |  globe   | <img src="https://user-images.githubusercontent.com/32780232/143367620-5fe98cfa-7a18-4db7-95e4-0cd496acce7b.png" width=100% height=30%>  | Graduation Hat | graduation-hat | <img src="https://user-images.githubusercontent.com/76241195/147094631-50f94887-db14-4b6a-ab41-938e41be00e4.png" width=100% height=30%> |
+| Hashnode | hashnode | <img src="https://user-images.githubusercontent.com/76241195/147095015-e009e115-c7d6-4bc9-b330-66b29629a2dc.png"  width=100% height=30%> |   Instagram    |   instagram    | <img src="https://user-images.githubusercontent.com/76241195/147094225-202bb79d-5e06-4169-a0aa-712646f1159a.png" width=100% height=30%> |
+| Laravel  | laravel  | <img src="https://raw.githubusercontent.com/FortAwesome/Font-Awesome/2360bd54ca4abe8e013d424e6679a397e9b717c8/svgs/brands/laravel.svg">  |   Left Arrow   |   arrowLeft    | <img src="https://user-images.githubusercontent.com/76241195/147102920-8bf2b8c2-ad45-456e-9e5b-fe748f41214b.png" width=100% height=30%> |
+|   Link   |   link   | <img src="https://user-images.githubusercontent.com/65664185/138502383-35db30af-8f5a-4037-9dfb-125cdf6374fe.png" width=100% height=30%>  |    LinkedIn    |    linkedin    | <img src="https://user-images.githubusercontent.com/76241195/147094289-252d533d-aeae-493c-a21a-21538162cea6.png" width=100% height=30%> |
+|  Medium  |  medium  | <img src="https://user-images.githubusercontent.com/96095830/149390066-b230f63b-3af9-4bc6-9e57-ff1b0b7298fa.png" width=100% height=30%>  |   Microsoft    |   microsoft    | <img src="https://user-images.githubusercontent.com/65664185/138503027-7395af2c-e6c5-45ac-96ac-3af3d252df3b.png" width=100% height=30%> |
+|  NodeJs  | node-js  | <img src="https://raw.githubusercontent.com/FortAwesome/Font-Awesome/2360bd54ca4abe8e013d424e6679a397e9b717c8/svgs/brands/node-js.svg">  |     PayPal     |     paypal     | <img src="https://user-images.githubusercontent.com/65664185/138503083-7dc6ab6f-9c0e-40ca-b2b7-d5377f6b2981.png" width=100% height=30%> |
+| Polywork | polywork | <img src="https://user-images.githubusercontent.com/97835800/150699213-6b6d1a56-dcfd-41c8-9ff4-eb02c57dbecf.png" width=100% height=30%>  |     Search     |                | <img src="https://user-images.githubusercontent.com/76241195/147102645-0d50ba65-5f21-4245-9275-6c3aec7d193c.png" width=100% height=30%> |
+|   Send   |   send   | <img src="https://user-images.githubusercontent.com/76241195/147096133-20e75d9a-0f96-4881-a165-5e7edf1bfe96.png"  width=100% height=30%> |     Slack      |     slack      | <img src="https://user-images.githubusercontent.com/65664185/138503148-791f88ac-01ac-4d11-9a63-1ffaaf649b21.png" width=100% height=30%> |
+| Snapchat | snapchat | <img src="https://user-images.githubusercontent.com/91655303/148160774-755adc38-e089-4a20-910f-292b890e2c63.png" width=100% height=30%>  |    Telegram    |    telegram    | <img src="https://user-images.githubusercontent.com/65664185/138503468-8f27e3a9-d9ad-4348-85a4-d2c1761cd81f.png" width=100% height=30%> |
+|  TikTok  |  tiktok  | <img src="https://user-images.githubusercontent.com/76241195/147094674-a0b67f90-c62e-4162-93b5-dd313611ff28.png" width=100% height=30%>  |     Twitch     |     twitch     | <img src="https://user-images.githubusercontent.com/76241195/147094354-12d3b38d-bb87-4c52-a3b7-4d934498da31.png" width=100% height=30%> |
+| Twitter  | twitter  | <img src="https://user-images.githubusercontent.com/65664185/138503209-1ce0ebbc-5590-4940-8cd0-2dadacbf09ed.png" width=100% height=30%>  |     Vimeo      |     vimeo      | <img src="https://user-images.githubusercontent.com/65664185/138503257-6af44a9c-c81a-4657-b182-6a991157810f.png" width=100% height=30%> |
+| YouTube  | youtube  | <img src="https://user-images.githubusercontent.com/65664185/138503305-ff60cf54-6b0b-4e18-9446-b4f6869b9511.png" width=100% height=30%>  |

src/Components/Icons/GetIcons.js

@@ -80,7 +80,7 @@ function GetIcons({ iconName, ...restProps }) {
     case 'instagram':
       return <FaInstagram {...restProps} />
     case 'laravel':
-      return <FaLaravel {... restProps} />
+      return <FaLaravel {...restProps} />
     case 'link':
       return <FaLink {...restProps} />
     case 'linkedin':

src/Components/Links.css

@@ -48,8 +48,8 @@
 }
 
 /* fixes issue in link button for long texts */
-@media screen and (max-width : 590px){
-  .p-button.p-button-outlined{
+@media screen and (max-width: 590px) {
+  .p-button.p-button-outlined {
     max-width: 85vw;
     margin: auto;
   }

src/Components/Profile.js

@@ -27,7 +27,6 @@ function Profile({ profile, username }) {
           <p className="text-2xl font-bold mx-2 my-0">({username})</p>
         </div>
         <ShareProfile username={username} />
-
       </div>
       <div className="flex justify-content-center w-50">
         <p>{bio}</p>

src/Components/ShareProfile.js

@@ -54,7 +54,9 @@ export default function ShareProfile({ username }) {
               iconName="twitter"
             />
             <ShareIcon
-              link={`https://www.linkedin.com/sharing/share-offsite?url=${encodeURIComponent(profileUrl)}`}
+              link={`https://www.linkedin.com/sharing/share-offsite?url=${encodeURIComponent(
+                profileUrl,
+              )}`}
               label="Share on LinkedIn"
               iconName="linkedin"
             />

src/Components/UserProfile/User.js

@@ -19,12 +19,18 @@ function User({ singleUser }) {
   useEffect(() => {
     fetch(`/data/${username}.json`)
       .then((response) => response.json())
-      .then((data) => setProfile(data))
+      .then((data) => {
+        setProfile(data)
+        document.title = `${data.name} | Link Free`
+      })
       .catch(() => setError(true))
       .finally(() => {
         setShowProgress(false)
         setTimeout(() => setskeleton(false), 500)
       })
+    return () => {
+      document.title = 'Link Free'
+    }
   }, [username])
 
   return (