From 5dd4f9de9868301b7accfadcd8a88a8f585fdd54 Mon Sep 17 00:00:00 2001
From: Andrew Izvarin <andrew.izvarin@gmail.com>
Date: Mon, 20 Jan 2025 21:12:29 +0200
Subject: [PATCH] KB-252 Support missing profile links in Curator Search page

---
 .../curator-search/curator-search-item.tsx    | 19 +++++++++++++++----
 src/app/images/icons/LinkSimple.svg           |  3 +++
 src/app/images/index.ts                       |  2 ++
 src/types/curator.ts                          |  4 ++--
 4 files changed, 22 insertions(+), 6 deletions(-)
 create mode 100644 src/app/images/icons/LinkSimple.svg

diff --git a/src/app/[locale]/(public)/(support)/curator-search/curator-search-item.tsx b/src/app/[locale]/(public)/(support)/curator-search/curator-search-item.tsx
index ae469c08..ace168c6 100644
--- a/src/app/[locale]/(public)/(support)/curator-search/curator-search-item.tsx
+++ b/src/app/[locale]/(public)/(support)/curator-search/curator-search-item.tsx
@@ -1,15 +1,26 @@
+import { LinkSimple } from '@/app/images';
+import { cn } from '@/lib/utils';
+import Link from 'next/link';
+
 interface CuratorSearchItemProps {
   group: string;
   department: string;
   curatorName: string;
-  link: string;
+  link?: string;
 }
 
 export const CuratorSearchItem = ({ group, department, curatorName, link }: CuratorSearchItemProps) => {
   return (
-    <div className="[&:not(:last-child)]:mb-4 [&:not(:last-child)]:border-b-[1px] border-solid border-neutral-divider [&:not(:last-child)]:pb-4">
-      <strong className="block my-1 text-lg">{group}</strong>
-      <a className="block my-1 text-xl" href={link} target="_blank">{curatorName}</a>
+    <div className="border-solid border-neutral-divider [&:not(:last-child)]:mb-4 [&:not(:last-child)]:border-b-[1px] [&:not(:last-child)]:pb-4">
+      <strong className="my-1 block text-lg">{group}</strong>
+      <Link
+        className={cn('my-1 flex items-center gap-2 text-xl', { 'pointer-events-none text-basic-black': !link })}
+        href={link ?? '#'}
+        target="_blank"
+      >
+        {curatorName}
+        {!!link && <LinkSimple />}
+      </Link>
       <span className="my-1 text-base text-neutral-600">{department}</span>
     </div>
   );
diff --git a/src/app/images/icons/LinkSimple.svg b/src/app/images/icons/LinkSimple.svg
new file mode 100644
index 00000000..cc759cae
--- /dev/null
+++ b/src/app/images/icons/LinkSimple.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M5.4684 9.46987L9.4684 5.46987C9.53817 5.4001 9.62099 5.34476 9.71214 5.307C9.80329 5.26925 9.90099 5.24981 9.99965 5.24981C10.0983 5.24981 10.196 5.26925 10.2872 5.307C10.3783 5.34476 10.4611 5.4001 10.5309 5.46987C10.6007 5.53963 10.656 5.62245 10.6938 5.71361C10.7315 5.80476 10.751 5.90245 10.751 6.00112C10.751 6.09978 10.7315 6.19747 10.6938 6.28863C10.656 6.37978 10.6007 6.4626 10.5309 6.53237L6.5309 10.5324C6.39001 10.6733 6.19891 10.7524 5.99965 10.7524C5.8004 10.7524 5.6093 10.6733 5.4684 10.5324C5.32751 10.3915 5.24835 10.2004 5.24835 10.0011C5.24835 9.80186 5.32751 9.61076 5.4684 9.46987ZM13.6559 2.34487C12.9519 1.6425 11.9981 1.24805 11.0037 1.24805C10.0093 1.24805 9.05548 1.6425 8.35153 2.34487L6.46903 4.22549C6.32813 4.36639 6.24898 4.55748 6.24898 4.75674C6.24898 4.8554 6.26841 4.9531 6.30617 5.04425C6.34392 5.1354 6.39926 5.21823 6.46903 5.28799C6.53879 5.35776 6.62161 5.4131 6.71277 5.45085C6.80392 5.48861 6.90162 5.50804 7.00028 5.50804C7.19953 5.50804 7.39063 5.42889 7.53153 5.28799L9.4109 3.40924C9.83293 2.98713 10.4054 2.74996 11.0022 2.7499C11.5991 2.74984 12.1716 2.9869 12.5937 3.40893C13.0158 3.83095 13.253 4.40338 13.2531 5.00027C13.2531 5.59716 13.0161 6.16963 12.594 6.59174L10.7122 8.46987C10.6424 8.53963 10.587 8.62245 10.5493 8.71361C10.5115 8.80476 10.4921 8.90245 10.4921 9.00112C10.4921 9.09978 10.5115 9.19747 10.5493 9.28863C10.587 9.37978 10.6424 9.4626 10.7122 9.53237C10.7819 9.60213 10.8647 9.65747 10.9559 9.69523C11.047 9.73298 11.1447 9.75242 11.2434 9.75242C11.3421 9.75242 11.4398 9.73298 11.5309 9.69523C11.6221 9.65747 11.7049 9.60213 11.7747 9.53237L13.6547 7.65362C14.3574 6.94923 14.7519 5.99477 14.7515 4.99979C14.7512 4.00481 14.356 3.05063 13.6528 2.34674L13.6559 2.34487ZM8.46965 10.7124L6.59028 12.5924C6.38127 12.8013 6.13315 12.9671 5.86009 13.0802C5.58702 13.1932 5.29436 13.2514 4.99881 13.2514C4.70325 13.2514 4.4106 13.1931 4.13756 13.08C3.86452 12.9669 3.61643 12.8011 3.40746 12.5921C2.98544 12.1699 2.74838 11.5975 2.74844 11.0006C2.7485 10.4037 2.98567 9.83127 3.40778 9.40924L5.28653 7.52987C5.35629 7.4601 5.41163 7.37728 5.44939 7.28613C5.48715 7.19497 5.50658 7.09728 5.50658 6.99862C5.50658 6.89995 5.48715 6.80226 5.44939 6.71111C5.41163 6.61995 5.35629 6.53713 5.28653 6.46737C5.21676 6.3976 5.13394 6.34226 5.04279 6.3045C4.95164 6.26675 4.85394 6.24731 4.75528 6.24731C4.65662 6.24731 4.55892 6.26675 4.46777 6.3045C4.37661 6.34226 4.29379 6.3976 4.22403 6.46737L2.34653 8.34862C1.99824 8.69695 1.72197 9.11047 1.53349 9.56557C1.34501 10.0207 1.24802 10.5084 1.24805 11.001C1.24811 11.9958 1.64335 12.9499 2.34684 13.6533C3.05033 14.3567 4.00443 14.7518 4.99925 14.7518C5.99407 14.7517 6.94812 14.3565 7.65153 13.653L9.53028 11.7736C9.67117 11.6327 9.75033 11.4416 9.75033 11.2424C9.75033 11.0431 9.67117 10.852 9.53028 10.7111C9.38938 10.5702 9.19829 10.4911 8.99903 10.4911C8.79977 10.4911 8.60867 10.5702 8.46778 10.7111L8.46965 10.7124Z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/src/app/images/index.ts b/src/app/images/index.ts
index 0ee4a159..6aa9a97f 100644
--- a/src/app/images/index.ts
+++ b/src/app/images/index.ts
@@ -64,6 +64,7 @@ import IdentificationBadge from './icons/IdentificationBadge.svg';
 import Info from './icons/Info.svg';
 import Lifebuoy from './icons/Lifebuoy.svg';
 import LifebuoyOutline from './icons/LifebuoyOutline.svg';
+import LinkSimple from './icons/LinkSimple.svg';
 import ListNumbers from './icons/ListNumbers.svg';
 import MagnifyingGlassBold from './icons/MagnifyingGlassBold.svg';
 import MagnifyingGlassLight from './icons/MagnifyingGlassLight.svg';
@@ -194,6 +195,7 @@ export {
   Info,
   Lifebuoy,
   LifebuoyOutline,
+  LinkSimple,
   ListNumbers,
   MagnifyingGlassBold,
   MagnifyingGlassLight,
diff --git a/src/types/curator.ts b/src/types/curator.ts
index 34ee8f4b..f3009075 100644
--- a/src/types/curator.ts
+++ b/src/types/curator.ts
@@ -4,5 +4,5 @@ export interface Curator {
   fullName: string;
   photo: string;
   credo: string;
-  profile: string;
-}
\ No newline at end of file
+  profile?: string;
+}