From c0235ebe9fa83a770d3ef27c281edaf81c59f6a4 Mon Sep 17 00:00:00 2001
From: nsemets <nsemets@exoft.net>
Date: Thu, 23 Oct 2025 18:10:52 +0300
Subject: [PATCH] fix(profile): added icon for website

---
 .../profile-information/profile-information.component.html | 7 +++----
 src/app/features/profile/helpers/user-socials.helper.ts    | 2 +-
 src/app/shared/constants/social-links.const.ts             | 2 +-
 src/assets/icons/socials/globe.svg                         | 1 +
 4 files changed, 6 insertions(+), 6 deletions(-)
 create mode 100644 src/assets/icons/socials/globe.svg

diff --git a/src/app/features/profile/components/profile-information/profile-information.component.html b/src/app/features/profile/components/profile-information/profile-information.component.html
index d9b6f8aa6..e21756c3f 100644
--- a/src/app/features/profile/components/profile-information/profile-information.component.html
+++ b/src/app/features/profile/components/profile-information/profile-information.component.html
@@ -21,8 +21,8 @@ <h1>{{ currentUser()?.fullName }}</h1>
       </p>
     </div>
 
-    <div class="flex flex-column gap-4 xl:align-items-end xl:flex-1 min-w-0">
-      <div class="flex flex-column gap-3 md:flex-row xl:gap-4 w-full">
+    <div class="flex flex-column gap-4 min-w-0 xl:align-items-end xl:flex-1">
+      <div class="flex flex-column gap-3 w-full md:flex-row xl:gap-4 xl:justify-content-end">
         @if (currentUser()?.social?.orcid) {
           <div class="flex flex-row align-items-center gap-2">
             <img ngSrc="assets/icons/colored/orcid.svg" width="16" height="16" alt="orcid" />
@@ -39,7 +39,7 @@ <h1>{{ currentUser()?.fullName }}</h1>
       </div>
 
       @if (isEmploymentAndEducationVisible()) {
-        <div class="flex flex-column gap-3 md:flex-row xl:gap-4 w-full">
+        <div class="flex flex-column gap-3 w-full md:flex-row xl:gap-4 xl:justify-content-end">
           @if (currentUser()?.education?.length) {
             <div class="flex flex-row align-items-center gap-2 flex-1 min-w-0">
               <i class="fas fa-landmark"></i>
@@ -51,7 +51,6 @@ <h3 class="font-bold text-overflow-ellipsis overflow-hidden white-space-nowrap">
 
           @if (currentUser()?.employment?.length) {
             <div class="flex flex-row align-items-center gap-2">
-              <img ngSrc="assets/icons/colored/cos-shield.svg" width="16" height="16" alt="cos-shield" />
               <h3 class="font-bold">
                 {{ currentUser()?.employment?.[0]?.institution }}
               </h3>
diff --git a/src/app/features/profile/helpers/user-socials.helper.ts b/src/app/features/profile/helpers/user-socials.helper.ts
index e4fd979f1..65b739f42 100644
--- a/src/app/features/profile/helpers/user-socials.helper.ts
+++ b/src/app/features/profile/helpers/user-socials.helper.ts
@@ -26,7 +26,7 @@ export function mapUserSocials(
       url = social.address + value;
     }
 
-    if (url && social.key !== 'profileWebsites') {
+    if (url) {
       acc.push({
         url,
         icon: `assets/icons/socials/${social.icon}`,
diff --git a/src/app/shared/constants/social-links.const.ts b/src/app/shared/constants/social-links.const.ts
index a64cec645..56e3352f6 100644
--- a/src/app/shared/constants/social-links.const.ts
+++ b/src/app/shared/constants/social-links.const.ts
@@ -79,7 +79,7 @@ export const SOCIAL_LINKS: SocialLinksModel[] = [
     address: '',
     placeholder: 'https://yourwebsite.com',
     key: 'profileWebsites',
-    icon: '',
+    icon: 'globe.svg',
   },
   {
     id: 11,
diff --git a/src/assets/icons/socials/globe.svg b/src/assets/icons/socials/globe.svg
new file mode 100644
index 000000000..938451a18
--- /dev/null
+++ b/src/assets/icons/socials/globe.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M415.9 344L225 344C227.9 408.5 242.2 467.9 262.5 511.4C273.9 535.9 286.2 553.2 297.6 563.8C308.8 574.3 316.5 576 320.5 576C324.5 576 332.2 574.3 343.4 563.8C354.8 553.2 367.1 535.8 378.5 511.4C398.8 467.9 413.1 408.5 416 344zM224.9 296L415.8 296C413 231.5 398.7 172.1 378.4 128.6C367 104.2 354.7 86.8 343.3 76.2C332.1 65.7 324.4 64 320.4 64C316.4 64 308.7 65.7 297.5 76.2C286.1 86.8 273.8 104.2 262.4 128.6C242.1 172.1 227.8 231.5 224.9 296zM176.9 296C180.4 210.4 202.5 130.9 234.8 78.7C142.7 111.3 74.9 195.2 65.5 296L176.9 296zM65.5 344C74.9 444.8 142.7 528.7 234.8 561.3C202.5 509.1 180.4 429.6 176.9 344L65.5 344zM463.9 344C460.4 429.6 438.3 509.1 406 561.3C498.1 528.6 565.9 444.8 575.3 344L463.9 344zM575.3 296C565.9 195.2 498.1 111.3 406 78.7C438.3 130.9 460.4 210.4 463.9 296L575.3 296z"/></svg>
\ No newline at end of file