From 08d513e8c1ce67aa2400b14a81d3e44399579f8d Mon Sep 17 00:00:00 2001
From: Paul Frazee <pfrazee@gmail.com>
Date: Tue, 21 Mar 2023 13:03:25 -0500
Subject: [PATCH] Fix default-banner sizing & positioning (#336)

---
 src/view/com/util/UserBanner.tsx | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/src/view/com/util/UserBanner.tsx b/src/view/com/util/UserBanner.tsx
index 400d8ac3..847ef6db 100644
--- a/src/view/com/util/UserBanner.tsx
+++ b/src/view/com/util/UserBanner.tsx
@@ -82,12 +82,6 @@ export function UserBanner({
     },
   ]
 
-  const renderSvg = () => (
-    <Svg width="100%" height="150" viewBox="0 0 400 150">
-      <Rect x="0" y="0" width="400" height="150" fill="#0070ff" />
-    </Svg>
-  )
-
   // setUserBanner is only passed as prop on the EditProfile component
   return onSelectNewBanner ? (
     <DropdownButton
@@ -118,7 +112,7 @@ export function UserBanner({
       source={{uri: banner}}
     />
   ) : (
-    renderSvg()
+    <View style={[styles.bannerImage, styles.defaultBanner]} />
   )
 }
 
@@ -138,4 +132,7 @@ const styles = StyleSheet.create({
     width: '100%',
     height: 150,
   },
+  defaultBanner: {
+    backgroundColor: '#0070ff',
+  },
 })