Merge pull request #257 from deriv-com/prince/add-link-trustpilot

Prince/added trustpilot link
deriv-com · Dec 11, 2023 · 5895cc8 · 5895cc8
2 parents 5cf854b + a9da75a
commit 5895cc8
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 2 deletions.
diff --git a/libs/blocks/src/lib/social-proof/helper.ts b/libs/blocks/src/lib/social-proof/helper.ts
@@ -0,0 +1,6 @@
+export const redirectToTrustpilot = () =>
+  window !== undefined &&
+  window.open(
+    'https://www.trustpilot.com/review/deriv.com?utm_medium=trustbox&utm_source=Mini',
+    '_blank',
+  );
diff --git a/libs/blocks/src/lib/social-proof/horizontal/index.tsx b/libs/blocks/src/lib/social-proof/horizontal/index.tsx
@@ -3,6 +3,7 @@ import { Rating } from '@deriv-com/components';
 import { useTrustpilotApi } from '@deriv-com/hooks';
 import { SocialProofProps } from '../types';
 import { getThemeClassNames } from '../classnames';
+import { redirectToTrustpilot } from '../helper';
 
 const SocialProofHorizontal = ({
   theme,
@@ -23,7 +24,10 @@ const SocialProofHorizontal = ({
         className,
       )}
     >
-      <div className="flex items-center justify-center gap-gap-xl">
+      <div
+        className="flex items-center justify-center gap-gap-xl"
+        onClick={redirectToTrustpilot}
+      >
         {data && (
           <>
             {content && (

diff --git a/libs/blocks/src/lib/social-proof/vertical/index.tsx b/libs/blocks/src/lib/social-proof/vertical/index.tsx
@@ -4,6 +4,7 @@ import { useTrustpilotApi } from '@deriv-com/hooks';
 
 import { SocialProofProps } from '../types';
 import { getThemeClassNames } from '../classnames';
+import { redirectToTrustpilot } from '../helper';
 
 export interface SocialProofVerticalProps extends SocialProofProps {
   title?: string;
@@ -29,7 +30,10 @@ const SocialProofVertical = ({
         className,
       )}
     >
-      <div className="flex flex-col items-center gap-gap-3xl">
+      <div
+        className="flex flex-col items-center gap-gap-3xl"
+        onClick={redirectToTrustpilot}
+      >
         {title && (
           <Heading.H2 className={themeClassNames.color}>{title}</Heading.H2>
         )}