fix eslint warnings

apps/mobile/share/quick-note.js

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import { Appearance, SafeAreaView } from 'react-native';
-import RNBootSplash from "react-native-bootsplash";
+import RNBootSplash from 'react-native-bootsplash';
 import { COLOR_SCHEME_DARK, COLOR_SCHEME_LIGHT } from '../src/utils/Colors';
 import NotesnookShare from './index';
 
@@ -8,16 +8,13 @@ export default class QuickNoteIOS extends Component {
   constructor(props, context) {
     super(props, context);
     this.state = {
-      colors:
+      colors: Appearance.getColorScheme() === 'dark' ? COLOR_SCHEME_DARK : COLOR_SCHEME_LIGHT,
-        Appearance.getColorScheme() === 'dark'
-          ? COLOR_SCHEME_DARK
-          : COLOR_SCHEME_LIGHT,
       height: 0
     };
   }
 
   componentDidMount() {
-    RNBootSplash.hide({fade:true})
+    RNBootSplash.hide({ fade: true });
   }
 
   render() {
@@ -28,7 +25,8 @@ export default class QuickNoteIOS extends Component {
           height: '100%',
           justifyContent: 'flex-start',
           backgroundColor: this.state.colors.nav
-        }}>
+        }}
+      >
         <NotesnookShare quicknote={true} />
       </SafeAreaView>
     );

apps/mobile/share/search.js

@@ -1,5 +1,5 @@
-import React, {useEffect, useRef, useState} from 'react';
+import React, { useEffect, useRef, useState } from 'react';
-import {StatusBar} from 'react-native';
+import { StatusBar } from 'react-native';
 import {
   ActivityIndicator,
   FlatList,
@@ -10,26 +10,23 @@ import {
   useWindowDimensions,
   View
 } from 'react-native';
-import {useSafeAreaInsets} from 'react-native-safe-area-context';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import Icon from 'react-native-vector-icons/MaterialCommunityIcons';
-import {getElevation} from '../src/utils';
+import { getElevation } from '../src/utils';
-import {db} from '../src/utils/database';
+import { db } from '../src/utils/database';
-import {useShareStore} from './store';
+import { useShareStore } from './store';
 
-export const Search = ({close, getKeyboardHeight, quicknote}) => {
+export const Search = ({ close, getKeyboardHeight, quicknote }) => {
   const colors = useShareStore(state => state.colors);
   const setAppendNote = useShareStore(state => state.setAppendNote);
   const [results, setResults] = useState([]);
   const [searching, setSearching] = useState(false);
   const searchKeyword = useRef(null);
-  const {width, height} = useWindowDimensions();
+  const { width, height } = useWindowDimensions();
   const notes = useRef(null);
   const timer = useRef(null);
   const inputRef = useRef();
-  const insets =
+  const insets = Platform.OS === 'android' ? { top: StatusBar.currentHeight } : useSafeAreaInsets();
-    Platform.OS === 'android'
-      ? {top: StatusBar.currentHeight}
-      : useSafeAreaInsets();
 
   const onSelectItem = async item => {
     if (item.locked) {
@@ -65,7 +62,7 @@ export const Search = ({close, getKeyboardHeight, quicknote}) => {
     (async () => {
       await db.init();
       await db.notes.init();
-      notes.current = db.notes.all
+      notes.current = db.notes.all;
       setResults(notes.current);
     })();
     setTimeout(() => {
@@ -73,21 +70,24 @@ export const Search = ({close, getKeyboardHeight, quicknote}) => {
     }, 300);
   }, []);
 
-  const renderItem = ({item, index}) => !item.locked ? (
+  const renderItem = ({ item, index }) =>
+    !item.locked ? (
       <TouchableOpacity
         activeOpacity={0.7}
         onPress={() => onSelectItem(item)}
         style={{
           height: 50,
           paddingHorizontal: 12
-      }}>
+        }}
+      >
         <Text
           numberOfLines={1}
           style={{
             color: colors.pri,
             fontFamily: 'OpenSans-SemiBold',
             fontSize: 15
-        }}>
+          }}
+        >
           {item.title}
         </Text>
 
@@ -97,11 +97,12 @@ export const Search = ({close, getKeyboardHeight, quicknote}) => {
             color: colors.icon,
             fontSize: 12,
             fontFamily: 'OpenSans-Regular'
-        }}>
+          }}
+        >
           {item.headline}
         </Text>
       </TouchableOpacity>
-  ) : null
+    ) : null;
 
   let extra = quicknote
     ? {
@@ -123,7 +124,8 @@ export const Search = ({close, getKeyboardHeight, quicknote}) => {
         zIndex: 999,
         ...getElevation(quicknote ? 1 : 5),
         ...extra
-      }}>
+      }}
+    >
       <View
         style={{
           flexShrink: 1,
@@ -133,7 +135,8 @@ export const Search = ({close, getKeyboardHeight, quicknote}) => {
           paddingHorizontal: 12,
           marginBottom: 10,
           height: 50
-        }}>
+        }}
+      >
         <TextInput
           ref={inputRef}
           placeholder="Search for a note"
@@ -152,12 +155,7 @@ export const Search = ({close, getKeyboardHeight, quicknote}) => {
         {searching ? (
           <ActivityIndicator size={25} color={colors.icon} />
         ) : (
-          <Icon
+          <Icon name="magnify" color={colors.pri} size={25} onPress={onSearch} />
-            name="magnify"
-            color={colors.pri}
-            size={25}
-            onPress={onSearch}
-          />
         )}
       </View>
 
@@ -177,12 +175,14 @@ export const Search = ({close, getKeyboardHeight, quicknote}) => {
               justifyContent: 'center',
               alignItems: 'center',
               height: 200
-            }}>
+            }}
+          >
             <Text
               style={{
                 fontFamily: 'OpenSans-Regular',
                 color: colors.icon
-              }}>
+              }}
+            >
               Search for a note to append to it.
             </Text>
           </View>

apps/mobile/share/store.js

@@ -1,38 +1,31 @@
 import { Appearance } from 'react-native';
 import create from 'zustand';
-import {
+import { ACCENT, COLOR_SCHEME_DARK, COLOR_SCHEME_LIGHT, setAccentColor } from '../src/utils/Colors';
-  ACCENT, COLOR_SCHEME_DARK,
-  COLOR_SCHEME_LIGHT,
-  setAccentColor
-} from '../src/utils/Colors';
 import { MMKV } from '../src/utils/mmkv';
 
 export const useShareStore = create((set, get) => ({
-  colors:
+  colors: Appearance.getColorScheme() === 'dark' ? COLOR_SCHEME_DARK : COLOR_SCHEME_LIGHT,
-    Appearance.getColorScheme() === 'dark'
+  accent: ACCENT,
-      ? COLOR_SCHEME_DARK
-      : COLOR_SCHEME_LIGHT,
-  accent:ACCENT,
   setAccent: async () => {
     let accent = await MMKV.getItem('accentColor');
     if (accent) {
       accent = {
-        color:accent,
+        color: accent,
-        shade:accent + "12"
+        shade: accent + '12'
-      }
-      set({accent:accent});
       };
+      set({ accent: accent });
+    }
   },
   appendNote: null,
   setAppendNote: note => {
     MMKV.setItem('shareMenuAppendNote', JSON.stringify(note));
-    set({appendNote: note});
+    set({ appendNote: note });
   },
   restoreAppendNote: async () => {
     let note = await MMKV.getItem('shareMenuAppendNote');
     if (note) {
       note = JSON.parse(note);
-      set({appendNote: note});
+      set({ appendNote: note });
     }
   }
 }));