From cfde9f886af7ccad5cf2ef9e651a727ee80045b1 Mon Sep 17 00:00:00 2001
From: Faisal Amir <urmauur@gmail.com>
Date: Thu, 14 Mar 2024 20:05:28 +0700
Subject: [PATCH] Hide extra button twitter embeded

---
 docs/src/containers/Testimonial/index.js | 28 ++++++++++++++++++++----
 docs/src/styles/components/base.scss     | 17 ++++++++------
 2 files changed, 34 insertions(+), 11 deletions(-)

diff --git a/docs/src/containers/Testimonial/index.js b/docs/src/containers/Testimonial/index.js
index 7a40092a1..ee51a332d 100644
--- a/docs/src/containers/Testimonial/index.js
+++ b/docs/src/containers/Testimonial/index.js
@@ -91,7 +91,12 @@ const Testimonial = () => {
           <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 text-left">
             <div className="space-y-4">
               {firstColumn.map((item, i) => {
-                if (item.type === 'tweet') return <Tweet key={i} id={item.id} />
+                if (item.type === 'tweet')
+                  return (
+                    <div className="tweet-wrapper">
+                      <Tweet key={i} id={item.id} />
+                    </div>
+                  )
                 if (item.type === 'youtube')
                   return (
                     <div>
@@ -111,7 +116,12 @@ const Testimonial = () => {
             </div>
             <div className="space-y-4">
               {secondColumn.map((item, i) => {
-                if (item.type === 'tweet') return <Tweet key={i} id={item.id} />
+                if (item.type === 'tweet')
+                  return (
+                    <div className="tweet-wrapper">
+                      <Tweet key={i} id={item.id} />
+                    </div>
+                  )
                 if (item.type === 'youtube')
                   return (
                     <div>
@@ -131,7 +141,12 @@ const Testimonial = () => {
             </div>
             <div className="space-y-4">
               {thirdColumn.map((item, i) => {
-                if (item.type === 'tweet') return <Tweet key={i} id={item.id} />
+                if (item.type === 'tweet')
+                  return (
+                    <div className="tweet-wrapper">
+                      <Tweet key={i} id={item.id} />
+                    </div>
+                  )
                 if (item.type === 'youtube')
                   return (
                     <div>
@@ -151,7 +166,12 @@ const Testimonial = () => {
             </div>
             <div className="space-y-4">
               {fourthColumn.map((item, i) => {
-                if (item.type === 'tweet') return <Tweet key={i} id={item.id} />
+                if (item.type === 'tweet')
+                  return (
+                    <div className="tweet-wrapper">
+                      <Tweet key={i} id={item.id} />
+                    </div>
+                  )
                 if (item.type === 'youtube')
                   return (
                     <div>
diff --git a/docs/src/styles/components/base.scss b/docs/src/styles/components/base.scss
index 9eb38e7c6..56d4dcaa7 100644
--- a/docs/src/styles/components/base.scss
+++ b/docs/src/styles/components/base.scss
@@ -156,11 +156,14 @@
   }
 }
 
-.actions_node_modules-react-tweet-dist-twitter-theme-tweet-actions-module,
-.authorFollow_node_modules-react-tweet-dist-twitter-theme-tweet-header-module {
-  display: none !important;
-}
-
-.replies_node_modules-react-tweet-dist-twitter-theme-tweet-replies-module {
-  margin-top: 10px;
+.tweet-wrapper {
+  [class*='actions_'] {
+    display: none !important;
+  }
+  [class*='.authorFollow_'] {
+    display: none !important;
+  }
+  [class*='replies_'] {
+    margin-top: 10px;
+  }
 }