fine tuning, texts update

src/components/actionModal/view/actionModalStyles.ts

@@ -10,27 +10,45 @@ export default EStyleSheet.create({
       },
 
       sheetContent: {
-        height:400,
-        backgroundColor: '$modalBackground',
+        backgroundColor: '$primaryBackgroundColor',
       },
 
     container:{
-        flex:1,
-        marginTop:24,
+        marginTop:16,
+        marginBottom:44,
         paddingHorizontal:24,
-    },
-
-    contentContainer:{
-        flex:1,
         alignItems:'center',
+        justifyContent:'space-between',
     } as ViewStyle,
 
-
     imageStyle:{
+        marginTop:8,
         height:150,
         width:150,
     } as ImageStyle,
 
+    textContainer:{
+        marginTop:32,
+        marginBottom:44,
+    } as ViewStyle,
+
+    title: {
+        color: '$primaryBlack',
+        alignSelf: 'center',
+        textAlign: 'center',
+        fontSize: 20,
+        fontWeight: '800',
+    } as TextStyle,
+
+    bodyText: {
+        color: '$primaryBlack',
+        alignSelf: 'center',
+        textAlign: 'center',
+        fontSize: 16,
+        fontWeight: '600',
+        marginTop:4,
+    } as TextStyle,
+
     btnText:{
         color:'$pureWhite'
     } as TextStyle,
@@ -47,10 +65,10 @@ export default EStyleSheet.create({
 
 
     actionPanel:{
+        width:'100%',
         flexDirection:'row', 
         justifyContent:'space-around', 
         alignItems:'center', 
-        marginBottom:64
     } as ViewStyle,
 
 })

src/components/actionModal/view/actionModalView.tsx

@@ -1,4 +1,4 @@
-import React, { forwardRef, useImperativeHandle, useRef, useState } from 'react';
+import React, { forwardRef, useImperativeHandle, useRef } from 'react';
 import {View, Text} from 'react-native';
 import FastImage from 'react-native-fast-image';
 import { TextButton } from '../../buttons';
@@ -48,22 +48,22 @@ const ActionModalView = ({onClose, data}: ActionModalViewProps, ref) => {
 
     const _renderContent = (
         <View style={styles.container}>
+            {
+                headerImage && (
+                    <FastImage 
+                        source={headerImage}
+                        style={styles.imageStyle}
+                        resizeMode='contain'
+                    />
+                )
+            }
 
-            <View style={styles.contentContainer}>
+            <View style={styles.textContainer}>
+                <Text style={styles.title}>{title}</Text>
+                <Text style={styles.bodyText}>{body}</Text>
                 
-                {
-                    headerImage && (
-                        <FastImage 
-                            source={headerImage}
-                            style={styles.imageStyle}
-                            resizeMode='contain'
-                        />
-                    )
-                }
-                <Text>{title}</Text>
-                <Text>{body}</Text>
             </View>
-
+                
             
             <View style={styles.actionPanel}>
                 {
@@ -73,7 +73,6 @@ const ActionModalView = ({onClose, data}: ActionModalViewProps, ref) => {
                             text={props.text}
                             onPress={(evn)=>{
                                 sheetModalRef.current?.setModalVisible(false);
-                                onClose();
                                 props.onPress(evn);
                             }}
                             style={styles.button}
@@ -82,23 +81,21 @@ const ActionModalView = ({onClose, data}: ActionModalViewProps, ref) => {
                     ))
                 }
             </View>
-            
         </View>
     )
 
   return (
-
-    <View > 
+ 
          <ActionSheet 
            ref={sheetModalRef}
-            gestureEnabled={true}
+            gestureEnabled={false}
             hideUnderlay
             containerStyle={styles.sheetContent}
             indicatorColor={EStyleSheet.value('$primaryWhiteLightBackground')}
-            onClose={onClose}> 
+            onClose={onClose}
+            > 
             {_renderContent}
         </ActionSheet> 
-     </View> 
 
   );
 };

src/config/locales/en-US.json

@@ -302,9 +302,9 @@
     "top_communities": "Top Communities",
     "schedule_modal_title": "Schedule Post",
     "snippets": "Snippets",
-    "alert_init_title":"Initialize",
-    "alert_init_body":"Load recent draft or create new post",
-    "alert_btn_draft":"Load Draft",
+    "alert_init_title":"New Content",
+    "alert_init_body":"Open recent draft or Create new post",
+    "alert_btn_draft":"Recent Draft",
     "alert_btn_new":"New Post",
     "alert_pub_edit_title":"Publishing edits",
     "alert_pub_new_title":"Publishing new post",

src/redux/store/store.js

@@ -22,7 +22,7 @@ const persistedReducer = persistReducer(persistConfig, reducer);
 
 const middleware = [thunk];
 if (process.env.NODE_ENV === 'development') {
-  middleware.push(logger);
+  // middleware.push(logger);
 }
 
 const store = createStore(persistedReducer, applyMiddleware(...middleware));