Merge pull request #258 from deriv-com/prince/remove-trustpilot-hook

Prince/remove trustpilot hook
deriv-com · Dec 12, 2023 · 1931222 · 1931222
2 parents 487fd55 + 22089ef
commit 1931222
Show file tree

Hide file tree

Showing 8 changed files with 20 additions and 181 deletions.
diff --git a/libs/blocks/src/lib/social-proof/horizontal/horizontal.stories.tsx b/libs/blocks/src/lib/social-proof/horizontal/horizontal.stories.tsx
@@ -17,7 +17,7 @@ export const Default: Story = {
       'Excellent',
       `TrustScore ${trustScore} out of 5 based on ${numberOfReviews} reviews`,
     ],
-    staticData: {
+    data: {
       trustScore: 4.5,
       numberOfReviews: '45454',
       stars: 4.4,
@@ -40,7 +40,7 @@ export const CustomTheme: Story = {
       'Excellent',
       `TrustScore ${trustScore} out of 5 based on ${numberOfReviews} reviews`,
     ],
-    staticData: {
+    data: {
       trustScore: 4.5,
       numberOfReviews: '45454',
       stars: 4.4,
@@ -67,7 +67,7 @@ export const BadScore: Story = {
       'Excellent',
       `TrustScore ${trustScore} out of 5 based on ${numberOfReviews} reviews`,
     ],
-    staticData: {
+    data: {
       trustScore: 0.6,
       numberOfReviews: '45454',
       stars: 0.6,
@@ -90,7 +90,7 @@ export const PoorScore: Story = {
       'Excellent',
       `TrustScore ${trustScore} out of 5 based on ${numberOfReviews} reviews`,
     ],
-    staticData: {
+    data: {
       trustScore: 1.6,
       numberOfReviews: '45454',
       stars: 1.6,
@@ -113,7 +113,7 @@ export const AverageScore: Story = {
       'Excellent',
       `TrustScore ${trustScore} out of 5 based on ${numberOfReviews} reviews`,
     ],
-    staticData: {
+    data: {
       trustScore: 2.5,
       numberOfReviews: '45454',
       stars: 2.5,
@@ -136,7 +136,7 @@ export const GreatScore: Story = {
       'Excellent',
       `TrustScore ${trustScore} out of 5 based on ${numberOfReviews} reviews`,
     ],
-    staticData: {
+    data: {
       trustScore: 3.8,
       numberOfReviews: '99990',
       stars: 3.8,
@@ -159,7 +159,7 @@ export const ExcellentScore: Story = {
       'Excellent',
       `TrustScore ${trustScore} out of 5 based on ${numberOfReviews} reviews`,
     ],
-    staticData: {
+    data: {
       trustScore: 4.8,
       numberOfReviews: '45454',
       stars: 4.8,

diff --git a/libs/blocks/src/lib/social-proof/horizontal/index.tsx b/libs/blocks/src/lib/social-proof/horizontal/index.tsx
@@ -1,6 +1,5 @@
 import { Section, Text, qtMerge } from '@deriv/quill-design';
 import { Rating } from '@deriv-com/components';
-import { useTrustpilotApi } from '@deriv-com/hooks';
 import { SocialProofProps } from '../types';
 import { getThemeClassNames } from '../classnames';
 import { redirectToTrustpilot } from '../helper';
@@ -10,10 +9,8 @@ const SocialProofHorizontal = ({
   className,
   content,
   logo,
-  staticData = null,
+  data = null,
 }: SocialProofProps) => {
-  const { data } = useTrustpilotApi(staticData);
-
   const themeClassNames = getThemeClassNames(theme);
 
   return (
@@ -25,7 +22,7 @@ const SocialProofHorizontal = ({
       )}
     >
       <div
-        className="flex items-center justify-center gap-gap-xl"
+        className="flex cursor-pointer items-center justify-center gap-gap-xl"
         onClick={redirectToTrustpilot}
       >
         {data && (

diff --git a/libs/blocks/src/lib/social-proof/types.ts b/libs/blocks/src/lib/social-proof/types.ts
@@ -14,7 +14,7 @@ export interface SocialProofProps {
   content?: ({ ...props }: TPilotDataProps) => string[] | ReactNode[];
   className?: string;
   logo: ReactNode;
-  staticData?: TPilotDataProps | null;
+  data?: TPilotDataProps | null;
 }
 
 export interface SocialProofThemeClassNames {

diff --git a/libs/blocks/src/lib/social-proof/vertical/index.tsx b/libs/blocks/src/lib/social-proof/vertical/index.tsx
@@ -1,7 +1,5 @@
 import { Heading, Section, Text, qtMerge } from '@deriv/quill-design';
 import { Rating } from '@deriv-com/components';
-import { useTrustpilotApi } from '@deriv-com/hooks';
-
 import { SocialProofProps } from '../types';
 import { getThemeClassNames } from '../classnames';
 import { redirectToTrustpilot } from '../helper';
@@ -15,11 +13,9 @@ const SocialProofVertical = ({
   theme,
   className,
   content,
-  staticData,
+  data,
   logo,
 }: SocialProofVerticalProps) => {
-  const { data } = useTrustpilotApi(staticData);
-
   const themeClassNames = getThemeClassNames(theme);
 
   return (
@@ -31,7 +27,7 @@ const SocialProofVertical = ({
       )}
     >
       <div
-        className="flex flex-col items-center gap-gap-3xl"
+        className="flex cursor-pointer flex-col items-center gap-gap-3xl"
         onClick={redirectToTrustpilot}
       >
         {title && (

diff --git a/libs/blocks/src/lib/social-proof/vertical/vertical.stories.tsx b/libs/blocks/src/lib/social-proof/vertical/vertical.stories.tsx
@@ -16,7 +16,7 @@ export const Default: Story = {
       `TrustScore ${trustScore}`,
       `${numberOfReviews} reviews`,
     ],
-    staticData: {
+    data: {
       trustScore: 4.5,
       numberOfReviews: '45454',
       stars: 4.4,
@@ -38,7 +38,7 @@ export const CustomTheme: Story = {
       `TrustScore ${trustScore}`,
       `${numberOfReviews} reviews`,
     ],
-    staticData: {
+    data: {
       trustScore: 4.5,
       numberOfReviews: '45454',
       stars: 4.4,
@@ -65,7 +65,7 @@ export const BadScore: Story = {
       `TrustScore ${trustScore}`,
       `${numberOfReviews} reviews`,
     ],
-    staticData: {
+    data: {
       trustScore: 0.6,
       numberOfReviews: '45454',
       stars: 0.6,
@@ -87,7 +87,7 @@ export const PoorScore: Story = {
       `TrustScore ${trustScore}`,
       `${numberOfReviews} reviews`,
     ],
-    staticData: {
+    data: {
       trustScore: 1.6,
       numberOfReviews: '45454',
       stars: 1.6,
@@ -109,7 +109,7 @@ export const AverageScore: Story = {
       `TrustScore ${trustScore}`,
       `${numberOfReviews} reviews`,
     ],
-    staticData: {
+    data: {
       trustScore: 2.5,
       numberOfReviews: '45454',
       stars: 2.5,
@@ -131,7 +131,7 @@ export const GreatScore: Story = {
       `TrustScore ${trustScore}`,
       `${numberOfReviews} reviews`,
     ],
-    staticData: {
+    data: {
       trustScore: 3.8,
       numberOfReviews: '99990',
       stars: 3.8,
@@ -153,7 +153,7 @@ export const ExcellentScore: Story = {
       `TrustScore ${trustScore}`,
       `${numberOfReviews} reviews`,
     ],
-    staticData: {
+    data: {
       trustScore: 4.8,
       numberOfReviews: '45454',
       stars: 4.8,

diff --git a/libs/hooks/src/index.ts b/libs/hooks/src/index.ts
@@ -1,5 +1,4 @@
 export * from './lib/use-build-variant';
 export * from './lib/use-navigation';
 export * from './lib/use-shared-link';
-export * from './lib/use-trustpilot';
 export * from './lib/use-lang-switcher';
diff --git a/libs/hooks/src/lib/use-trustpilot/index.ts b/libs/hooks/src/lib/use-trustpilot/index.ts
diff --git a/libs/templates/src/lib/home/sections/review/index.tsx b/libs/templates/src/lib/home/sections/review/index.tsx
@@ -22,7 +22,7 @@ const ReviewSection = () => {
             />
           }
           //TODO: We will remove this static data once the data fetching is finalized.
-          staticData={{
+          data={{
             trustScore: 4.6,
             numberOfReviews: '37,133',
             stars: 4.6,