From 583a0a82a2529d5de3de236cb4a000d7ea17f929 Mon Sep 17 00:00:00 2001
From: Edmel John Linaugo <68092712+EdmelKun@users.noreply.github.com>
Date: Sat, 16 Dec 2023 00:06:44 +0800
Subject: [PATCH] style: change placeholder width

---
 .../discover-collections/DiscoverCollectionsHomeSection.tsx   | 2 +-
 .../discover-reviewers/DiscoverReviewersHomeSection.tsx       | 2 +-
 apps/expo/src/components/discovers/DiscoverHomeSection.tsx    | 2 +-
 .../src/components/home-empty-section/EmptyCollection.tsx     | 4 ++--
 apps/expo/src/components/home-empty-section/EmptyReviewer.tsx | 4 ++--
 apps/expo/src/components/home-empty-section/EmptyTest.tsx     | 4 ++--
 6 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/apps/expo/src/components/discover-collections/DiscoverCollectionsHomeSection.tsx b/apps/expo/src/components/discover-collections/DiscoverCollectionsHomeSection.tsx
index 510fe9c1..4a09b936 100644
--- a/apps/expo/src/components/discover-collections/DiscoverCollectionsHomeSection.tsx
+++ b/apps/expo/src/components/discover-collections/DiscoverCollectionsHomeSection.tsx
@@ -36,7 +36,7 @@ const TopCollectionsHomeSection: FC = () => {
 
   if (!topCollections.length) {
     return (
-      <SafeAreaView className="flex-1">
+      <SafeAreaView className="w-full flex-1 self-center">
         <HomeEmptyCollection />
       </SafeAreaView>
     );
diff --git a/apps/expo/src/components/discover-reviewers/DiscoverReviewersHomeSection.tsx b/apps/expo/src/components/discover-reviewers/DiscoverReviewersHomeSection.tsx
index 1c54cbfd..4a7689e1 100644
--- a/apps/expo/src/components/discover-reviewers/DiscoverReviewersHomeSection.tsx
+++ b/apps/expo/src/components/discover-reviewers/DiscoverReviewersHomeSection.tsx
@@ -38,7 +38,7 @@ const DiscoverReviewersHomeSection: FC = () => {
 
   if (!data.length) {
     return (
-      <SafeAreaView className="flex-1">
+      <SafeAreaView className="w-full flex-1 self-center">
         <HomeEmptyReviewer />
       </SafeAreaView>
     );
diff --git a/apps/expo/src/components/discovers/DiscoverHomeSection.tsx b/apps/expo/src/components/discovers/DiscoverHomeSection.tsx
index 4616a495..01083595 100644
--- a/apps/expo/src/components/discovers/DiscoverHomeSection.tsx
+++ b/apps/expo/src/components/discovers/DiscoverHomeSection.tsx
@@ -36,7 +36,7 @@ const DiscoverHomeSection: FC = () => {
 
   if (!data.length) {
     return (
-      <SafeAreaView className="flex-1">
+      <SafeAreaView className="w-full flex-1 self-center">
         <HomeEmptyTest />
       </SafeAreaView>
     );
diff --git a/apps/expo/src/components/home-empty-section/EmptyCollection.tsx b/apps/expo/src/components/home-empty-section/EmptyCollection.tsx
index ce8484f8..dc01a3b6 100644
--- a/apps/expo/src/components/home-empty-section/EmptyCollection.tsx
+++ b/apps/expo/src/components/home-empty-section/EmptyCollection.tsx
@@ -11,9 +11,9 @@ const HomeEmptyCollection: FC = () => {
   };
 
   return (
-    <SafeAreaView>
+    <SafeAreaView className="flex-1">
       <View className="h-[75%] items-center">
-        <HomeEmptyCollectionBanner />
+        <HomeEmptyCollectionBanner width={"90%"} />
       </View>
 
       <View className="bottom-8 left-9 h-[23%] w-[30%]">
diff --git a/apps/expo/src/components/home-empty-section/EmptyReviewer.tsx b/apps/expo/src/components/home-empty-section/EmptyReviewer.tsx
index ccdda653..0c31bdc6 100644
--- a/apps/expo/src/components/home-empty-section/EmptyReviewer.tsx
+++ b/apps/expo/src/components/home-empty-section/EmptyReviewer.tsx
@@ -11,9 +11,9 @@ const HomeEmptyReviewer: FC = () => {
   };
 
   return (
-    <SafeAreaView>
+    <SafeAreaView className="flex-1">
       <View className="h-[75%] items-center">
-        <HomeEmptyReviewerBanner />
+        <HomeEmptyReviewerBanner width={"90%"} />
       </View>
 
       <View className="bottom-8 left-9 h-[23%] w-[30%]">
diff --git a/apps/expo/src/components/home-empty-section/EmptyTest.tsx b/apps/expo/src/components/home-empty-section/EmptyTest.tsx
index b58f16c3..829f17ea 100644
--- a/apps/expo/src/components/home-empty-section/EmptyTest.tsx
+++ b/apps/expo/src/components/home-empty-section/EmptyTest.tsx
@@ -11,9 +11,9 @@ const HomeEmptyTest: FC = () => {
   };
 
   return (
-    <SafeAreaView>
+    <SafeAreaView className="flex-1">
       <View className="h-[75%] items-center">
-        <HomeEmptyTestBanner />
+        <HomeEmptyTestBanner width={"90%"} />
       </View>
 
       <View className="bottom-8 left-9 h-[23%] w-[30%]">