add a remove button

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

@@ -10,16 +10,17 @@ import {
   eSubscribeEvent,
   eUnSubscribeEvent,
   sendNoteEditedEvent,
-  ToastEvent
+  ToastEvent,
 } from '../../services/EventManager';
 import {db} from '../../utils/DB';
 import {
   eOnNewTopicAdded,
   eOpenMoveNoteDialog,
-  refreshNotesPage
+  refreshNotesPage,
 } from '../../utils/Events';
 import {pv, SIZE} from '../../utils/SizeUtils';
 import ActionSheetWrapper from '../ActionSheetComponent/ActionSheetWrapper';
+import {Button} from '../Button';
 import DialogHeader from '../Dialog/dialog-header';
 import {PressableButton} from '../PressableButton';
 import {Toast} from '../Toast';
@@ -432,9 +433,21 @@ const MoveNoteComponent = ({close, note, setNote}) => {
                       {note?.notebooks?.findIndex(
                         (o) => o.topics.indexOf(item.id) > -1,
                       ) > -1 ? (
-                        <Paragraph size={SIZE.sm} color={colors.errorText}>
+                        <Button
-                          Remove Note
+                          onPress={() => handlePress(item, index)}
-                        </Paragraph>
+                          title="Remove Note"
+                          type="accent"
+                          accentColor="red"
+                          height={22}
+                          style={{
+                            margin: 1,
+                            marginRight: 5,
+                            paddingHorizontal: 0,
+                            paddingVertical: 2.5,
+                            borderRadius: 100,
+                            paddingHorizontal: 12,
+                          }}
+                        />
                       ) : null}
                     </PressableButton>
                   )}