Merge pull request #932 from topcoder-platform/dev

October 24, 2023 release

Author: jmgasper

src/apps/profiles/src/member-profile/links/MemberLinks.tsx

@@ -32,6 +32,8 @@ export function renderLinkIcon(linkName: string): JSX.Element {
             return <GitHubLinkIcon />
         case 'Twitter':
             return <SocialIconTwitter />
+        case 'X / Twitter':
+            return <SocialIconTwitter />
         case 'LinkedIn':
             return <LinkedInLinkIcon />
         case 'Instagram':
@@ -94,7 +96,7 @@ const MemberLinks: FC<MemberLinksProps> = (props: MemberLinksProps) => {
                                 href={trait.url}
                                 target='_blank'
                                 rel='noreferrer'
-                                key={`link-${trait.name}`}
+                                key={`link-${trait.name}-${trait.url}`}
                             >
                                 {renderLinkIcon(trait.name)}
                             </a>

src/apps/profiles/src/member-profile/links/ModifyMemberLinksModal/LinkEntry/LinkEntry.module.scss

@@ -7,20 +7,29 @@
 .formWrap {
     display: flex;
     flex-direction: column;
-    margin-top: $sp-2;
 
-    @include ltelg {
-        :global(.input-wrapper) {
-            margin-bottom: $sp-2;
-        }
+    :global(input) {
+        margin-top: $sp-1;
+    }
+
+    :global(.input-el) {
+        margin-bottom: 0;
     }
+
 }
 
 .form {
     display: flex;
-    align-items: center;
+    align-items: flex-start;
     justify-content: space-between;
 
+    > svg {
+        height: 24px;
+        width: 24px;
+        margin-top: 14px;
+        margin-right: $sp-4;
+    }
+
     &>div:nth-child(1) {
         margin-right: $sp-2;
         min-width: 150px;
@@ -33,16 +42,15 @@
         flex: 1;
     }
     &>button {
-        margin-bottom: $sp-45;
-
         svg {
             @include icon-xxl;
         }
 
         &.button {
-            margin-left: $sp-2;
+            margin-left: $sp-4;
             padding-left: $sp-2;
             padding-right: $sp-2;
+            padding-top: 11px;
         }
     }
 }