new fonts, ui tweaks

components/pages/brain_dump/MoveBrainDump.tsx

@@ -1,14 +1,23 @@
 import React, { useEffect, useState } from "react";
-import { Button, Dialog, View, Text, TextField } from "react-native-ui-lib";
+import {
+  Button,
+  Dialog,
+  View,
+  Text,
+  TextField,
+  TouchableOpacity,
+} from "react-native-ui-lib";
 import { StyleSheet } from "react-native";
 import { PanningDirectionsEnum } from "react-native-ui-lib/src/incubator/panView";
 import { IBrainDump, useBrainDumpContext } from "@/contexts/DumpContext";
-import { Entypo, EvilIcons, Feather, Octicons } from "@expo/vector-icons";
-import { TouchableOpacity } from "react-native-gesture-handler";
 import PenIcon from "@/assets/svgs/PenIcon";
 import BinIcon from "@/assets/svgs/BinIcon";
 import DropModalIcon from "@/assets/svgs/DropModalIcon";
 import CloseXIcon from "@/assets/svgs/CloseXIcon";
+import NavCalendarIcon from "@/assets/svgs/NavCalendarIcon";
+import NavToDosIcon from "@/assets/svgs/NavToDosIcon";
+import RemindersIcon from "@/assets/svgs/RemindersIcon";
+import MenuIcon from "@/assets/svgs/MenuIcon";
 
 const MoveBrainDump = (props: {
   item: IBrainDump;
@@ -63,6 +72,7 @@ const MoveBrainDump = (props: {
             iconSource={() => <PenIcon />}
             onPress={() => {
               console.log("selview");
+              props.setIsVisible(false);
             }}
           />
           <Button
@@ -80,13 +90,10 @@ const MoveBrainDump = (props: {
         <Text text60R>{props.item.title} </Text>
       </View>
       <View style={styles.divider} />
-      <View row marginH-20>
-        <Entypo
-          name="text"
-          size={24}
-          color="black"
-          style={{ marginBottom: "auto" }}
-        />
+      <View row marginL-10 gap-5>
+        <View paddingT-8>
+          <MenuIcon width={20} height={12} />
+        </View>
         <TextField
           textAlignVertical="top"
           multiline
@@ -99,6 +106,38 @@ const MoveBrainDump = (props: {
         />
       </View>
       <View style={styles.divider} />
+      <View gap-20 paddingH-10>
+        <TouchableOpacity>
+          <View row centerV>
+            <NavToDosIcon
+              width={22}
+              color={"#919191"}
+              style={styles.optionsIcon}
+            />
+            <Text style={styles.optionsReg}>Move to</Text>
+            <Text style={styles.optionsBold}> my to do's</Text>
+          </View>
+        </TouchableOpacity>
+        <TouchableOpacity>
+          <View row centerV>
+            <NavCalendarIcon
+              width={22}
+              height={22}
+              color={"#919191"}
+              style={styles.optionsIcon}
+            />
+            <Text style={styles.optionsReg}>Move to</Text>
+            <Text style={styles.optionsBold}> my calendar</Text>
+          </View>
+        </TouchableOpacity>
+        <TouchableOpacity>
+          <View row centerV>
+            <RemindersIcon width={22} style={styles.optionsIcon} />
+            <Text style={styles.optionsReg}>Move to</Text>
+            <Text style={styles.optionsBold}> my reminders</Text>
+          </View>
+        </TouchableOpacity>
+      </View>
     </Dialog>
   );
 };
@@ -129,6 +168,17 @@ const styles = StyleSheet.create({
     marginBottom: 10,
     marginTop: 25,
   },
+  optionsReg: {
+    fontSize: 16,
+    fontFamily: "PlusJakartaSans_400Regular",
+  },
+  optionsBold: {
+    fontSize: 16,
+    fontFamily: "PlusJakartaSans_600SemiBold",
+  },
+  optionsIcon: {
+    marginRight: 10,
+  },
 });
 
 export default MoveBrainDump;