From 84dfa8b13f3f71c6fc3a724ffd03f7256009ede9 Mon Sep 17 00:00:00 2001
From: Habib Deriv <88178645+habib-deriv@users.noreply.github.com>
Date: Mon, 22 Jan 2024 17:38:57 +0800
Subject: [PATCH] Revert "Meenu/Pr 1911 meenu hotfix live price card" (#6834)

---
 package-lock.json                                         | 8 ++++----
 package.json                                              | 2 +-
 src/data/trustpilot.json                                  | 2 +-
 .../pages/home/live-pricing-migration/cards/index.tsx     | 6 +++---
 .../pages/home/live-pricing-migration/utils/index.ts      | 4 ----
 src/features/pages/home/years/index.tsx                   | 6 ++----
 6 files changed, 11 insertions(+), 17 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 8bd9c6567a2..56a1d607022 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,7 +12,7 @@
                 "@artsy/fresnel": "^6.2.1",
                 "@builder.io/partytown": "^0.8.1",
                 "@deriv-com/blocks": "^0.79.0",
-                "@deriv-com/components": "^0.48.0",
+                "@deriv-com/components": "^0.47.0",
                 "@deriv-com/hooks": "^0.10.0",
                 "@deriv-com/providers": "^0.11.0",
                 "@deriv/analytics": "^1.4.4",
@@ -3014,9 +3014,9 @@
             "integrity": "sha512-fcZcY/aKYLvqVqoqXcGYcaDAkXdx7+gegBsU1kMDit4M9/vAqa0QOoP/NG37PiXLxMaTUUxARTDhgom4kzGSlQ=="
         },
         "node_modules/@deriv-com/components": {
-            "version": "0.48.0",
-            "resolved": "https://npm.pkg.github.com/download/@deriv-com/components/0.48.0/4e489524e1605618ee60dc3ccbb51e6b3356e7b3",
-            "integrity": "sha512-OTheRNDHh2BsQiu07YLeSTQczdUZRG5sfDAsC4BQLiP2ut0ABPUVZksr9h9P7uN6inHhmy0JLCSLOYEuOe9RjQ=="
+            "version": "0.47.0",
+            "resolved": "https://npm.pkg.github.com/download/@deriv-com/components/0.47.0/c9d54134f4ed4b20c877a9b4dea85e801dc25227",
+            "integrity": "sha512-zq5fVUTYLBMVsCHaybaoGVwAsRxch6JTbNEsBC62kDlRH1USVTfShOmwHX+2fjIoWCaruoZNQTWCJCGO4mL6dg=="
         },
         "node_modules/@deriv-com/hooks": {
             "version": "0.10.0",
diff --git a/package.json b/package.json
index 117f424126a..c54d5fb786f 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,7 @@
         "@artsy/fresnel": "^6.2.1",
         "@builder.io/partytown": "^0.8.1",
         "@deriv-com/blocks": "^0.79.0",
-        "@deriv-com/components": "^0.48.0",
+        "@deriv-com/components": "^0.47.0",
         "@deriv-com/hooks": "^0.10.0",
         "@deriv-com/providers": "^0.11.0",
         "@deriv/analytics": "^1.4.4",
diff --git a/src/data/trustpilot.json b/src/data/trustpilot.json
index fd1aeaabad8..d4bedf88004 100644
--- a/src/data/trustpilot.json
+++ b/src/data/trustpilot.json
@@ -1,5 +1,5 @@
 {
     "stars": 4.5,
     "trustScore": 4.6,
-    "numberOfReviews": "43,385"
+    "numberOfReviews": "30,000"
 }
diff --git a/src/features/pages/home/live-pricing-migration/cards/index.tsx b/src/features/pages/home/live-pricing-migration/cards/index.tsx
index 1157bbf009c..0b2e6c0e4f5 100644
--- a/src/features/pages/home/live-pricing-migration/cards/index.tsx
+++ b/src/features/pages/home/live-pricing-migration/cards/index.tsx
@@ -124,11 +124,11 @@ const LiveMarketCard = <T extends MarketName>({
             <CardSlider
                 variant="LiveMarketCard"
                 swiperData={swiperOption}
-                slideClasses="max-w-[296px] !mr-gap-none !ml-gap-none"
-                className="w-screen lg:w-full [&>*:nth-child(1)]:!gap-gap-lg"
+                slideClasses="max-w-[296px] mr-800"
+                className="w-screen !mr-[calc((-100vw+100%)/2)] lg:w-full lg:!mr-auto"
                 cards={livePriceData.slice(0, 4)}
             />
-            <div className="flex items-center flex-col ">{children}</div>
+            <div className="flex items-center flex-col">{children}</div>
         </>
     )
 }
diff --git a/src/features/pages/home/live-pricing-migration/utils/index.ts b/src/features/pages/home/live-pricing-migration/utils/index.ts
index 11de5fd5c47..5508a3999ee 100644
--- a/src/features/pages/home/live-pricing-migration/utils/index.ts
+++ b/src/features/pages/home/live-pricing-migration/utils/index.ts
@@ -5,15 +5,11 @@ export const percentToDecimal = (percentStr) => {
 interface SwiperOption {
     spaceBetween: number
     slidesPerView: number | 'auto'
-    reverseDirection: true
-    freeMode: true
 }
 
 export const swiperOption: SwiperOption = {
     spaceBetween: 16,
     slidesPerView: 'auto',
-    reverseDirection: true,
-    freeMode: true,
 }
 
 export const initialLiveMarketData = {
diff --git a/src/features/pages/home/years/index.tsx b/src/features/pages/home/years/index.tsx
index 5735461a4bd..9cfe538d8d5 100644
--- a/src/features/pages/home/years/index.tsx
+++ b/src/features/pages/home/years/index.tsx
@@ -1,6 +1,5 @@
 import React from 'react'
 import { Features } from '@deriv-com/blocks'
-import { swiperOption } from '../live-pricing-migration/utils'
 import { cards } from './data'
 import { Localize } from 'components/localization'
 
@@ -9,9 +8,8 @@ const TwentyYearsStrong = () => {
         <Features.ContentSlider
             title={<Localize translate_text="_t_We're 24+ years strong_t_" />}
             cardSliderProps={{
-                swiperData: swiperOption,
-                slideClasses: 'max-w-[296px] !h-auto !mr-gap-none !ml-gap-none',
-                className: 'w-screen lg:w-full [&>*:nth-child(1)]:!gap-gap-lg ',
+                slideClasses: 'max-w-[296px] !h-auto mr-800',
+                className: 'w-screen !mr-[calc((-100vw+100%)/2)] lg:w-full lg:!mr-auto',
                 variant: 'ContentBottom',
                 cards: cards,
             }}