hide options from ActionSheet

apps/mobile/src/components/ActionSheetComponent/index.js

@@ -50,8 +50,8 @@ export const ActionSheetComponent = ({
           favorite: false,
           locked: false,
           content: {
-            text: '',
+            text: null,
-            delta: {},
+            delta: null,
           },
           dateCreated: null,
         },
@@ -419,7 +419,8 @@ export const ActionSheetComponent = ({
     ) : null;
 
   const _renderColumnItem = item =>
-    columnItems.includes(item.name) ? (
+    (note.dateCreated && columnItems.includes(item.name)) ||
+    item.name === 'Dark Mode' ? (
       <TouchableOpacity
         key={item.name}
         activeOpacity={opacity}
@@ -497,6 +498,20 @@ export const ActionSheetComponent = ({
         width: '100%',
         paddingHorizontal: 0,
       }}>
+      {!note.dateCreated ? (
+        <Text
+          style={{
+            width: '100%',
+            textAlign: 'center',
+            marginVertical: 10,
+            color: colors.icon,
+            fontFamily: WEIGHT.regular,
+          }}>
+          Please start writing to save your note.
+        </Text>
+      ) : null}
+
+      {note.dateCreated ? (
         <View
           style={{
             width: '100%',
@@ -509,8 +524,9 @@ export const ActionSheetComponent = ({
           }}>
           {rowItemsData.map(_renderRowItem)}
         </View>
+      ) : null}
 
-      {hasColors ? (
+      {hasColors && note.dateCreated ? (
         <View
           style={{
             flexDirection: 'row',
@@ -527,7 +543,7 @@ export const ActionSheetComponent = ({
         </View>
       ) : null}
 
-      {hasTags ? (
+      {hasTags && note.dateCreated ? (
         <View
           style={{
             flexDirection: 'row',

apps/mobile/src/views/Editor/index.js

@@ -450,11 +450,16 @@ const Editor = ({navigation, noMenu}) => {
 
   useEffect(() => {
     let handleBack;
-    if (!noMenu) {
+    if (!noMenu && DDS.isTab) {
       handleBack = BackHandler.addEventListener('hardwareBackPress', () => {
         simpleDialogEvent(TEMPLATE_EXIT_FULLSCREEN());
         return true;
       });
+    } else if (noMenu && !DDS.isTab) {
+      handleBack = BackHandler.addEventListener('hardwareBackPress', () => {
+        simpleDialogEvent(TEMPLATE_EXIT());
+        return true;
+      });
     } else {
       if (handleBack) {
         handleBack.remove();
@@ -469,6 +474,7 @@ const Editor = ({navigation, noMenu}) => {
       }
       title = null;
       content = null;
+      timestamp = null;
       timer = null;
     };
   }, [noMenu]);