minor

src/components/sidebar/SidebarHeader.tsx

@@ -13,7 +13,7 @@ import Popover from 'react-native-popover-view'
 
 
 const SidebarHeader = () => {
-  const { image, displayName, email, type } = useSelector(
+  const { image, displayName, email } = useSelector(
     (state: RootState) => state.userState,
   )
   const [popupVisible, setPopupVisible] = useState(false)
@@ -26,10 +26,6 @@ const SidebarHeader = () => {
     openWebView(`https://web.plant-for-the-planet.org/en/profile/edit`);
   }
 
-  const deleteHandler = () => {
-    openWebView(`https://web.plant-for-the-planet.org/en/profile/delete-account`);
-  }
-
 
   const togglePopup = () => {
     setPopupVisible((prev) => !prev)
@@ -41,7 +37,7 @@ const SidebarHeader = () => {
       isVisible={popupVisible}
       backgroundStyle={{ opacity: 0 }}
       popoverStyle={{
-
+        backgroundColor:Colors.LIGHT_PRIMARY,
       }}
       onRequestClose={togglePopup}
       from={(
@@ -53,8 +49,6 @@ const SidebarHeader = () => {
         <Pressable
           style={styles.lgtBtn}
           onPress={editHandler}><Text style={styles.menuLabel}>Edit</Text></Pressable>
-        {type !== 'tpo' && <><View style={{ width: '90%', backgroundColor: 'lightgray', height: 1 }} />
-          <Pressable onPress={deleteHandler} style={styles.lgtBtn}><Text style={styles.deleteLable}>Delete</Text></Pressable></>}
       </View>
     </Popover>
   }
@@ -105,7 +99,7 @@ const styles = StyleSheet.create({
     alignItems: "center",
     borderWidth: 0.5,
     borderColor: Colors.PALE_WHITE,
-    backgroundColor: Colors.WHITE,
+    backgroundColor: Colors.LIGHT_PRIMARY,
     shadowColor: Colors.PALE_WHITE,
     shadowOffset: { width: 2, height: 2 },
     shadowOpacity: 0.6,