diff --git a/apps/mobile/share/quick-note.js b/apps/mobile/share/quick-note.js index 13f992423..a2262215b 100644 --- a/apps/mobile/share/quick-note.js +++ b/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: - Appearance.getColorScheme() === 'dark' - ? COLOR_SCHEME_DARK - : COLOR_SCHEME_LIGHT, + colors: 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 - }}> + }} + > ); diff --git a/apps/mobile/share/search.js b/apps/mobile/share/search.js index b74da47fe..6b7f4c1bb 100644 --- a/apps/mobile/share/search.js +++ b/apps/mobile/share/search.js @@ -1,5 +1,5 @@ -import React, {useEffect, useRef, useState} from 'react'; -import {StatusBar} from 'react-native'; +import React, { useEffect, useRef, useState } from 'react'; +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 {db} from '../src/utils/database'; -import {useShareStore} from './store'; +import { getElevation } from '../src/utils'; +import { db } from '../src/utils/database'; +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 = - Platform.OS === 'android' - ? {top: StatusBar.currentHeight} - : useSafeAreaInsets(); + const insets = 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,35 +70,39 @@ export const Search = ({close, getKeyboardHeight, quicknote}) => { }, 300); }, []); - const renderItem = ({item, index}) => !item.locked ? ( - onSelectItem(item)} - style={{ - height: 50, - paddingHorizontal: 12 - }}> - + !item.locked ? ( + onSelectItem(item)} style={{ - color: colors.pri, - fontFamily: 'OpenSans-SemiBold', - fontSize: 15 - }}> - {item.title} - + height: 50, + paddingHorizontal: 12 + }} + > + + {item.title} + - - {item.headline} - - - ) : null + + {item.headline} + + + ) : null; let extra = quicknote ? { @@ -123,7 +124,8 @@ export const Search = ({close, getKeyboardHeight, quicknote}) => { zIndex: 999, ...getElevation(quicknote ? 1 : 5), ...extra - }}> + }} + > { paddingHorizontal: 12, marginBottom: 10, height: 50 - }}> + }} + > { {searching ? ( ) : ( - + )} @@ -177,12 +175,14 @@ export const Search = ({close, getKeyboardHeight, quicknote}) => { justifyContent: 'center', alignItems: 'center', height: 200 - }}> + }} + > + }} + > Search for a note to append to it. diff --git a/apps/mobile/share/store.js b/apps/mobile/share/store.js index b8270f775..32ad4fb6c 100644 --- a/apps/mobile/share/store.js +++ b/apps/mobile/share/store.js @@ -1,38 +1,31 @@ import { Appearance } from 'react-native'; import create from 'zustand'; -import { - ACCENT, COLOR_SCHEME_DARK, - COLOR_SCHEME_LIGHT, - setAccentColor -} from '../src/utils/Colors'; +import { 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: - Appearance.getColorScheme() === 'dark' - ? COLOR_SCHEME_DARK - : COLOR_SCHEME_LIGHT, - accent:ACCENT, + colors: Appearance.getColorScheme() === 'dark' ? COLOR_SCHEME_DARK : COLOR_SCHEME_LIGHT, + accent: ACCENT, setAccent: async () => { let accent = await MMKV.getItem('accentColor'); if (accent) { accent = { - color:accent, - shade:accent + "12" - } - set({accent:accent}); - }; + color: accent, + shade: accent + '12' + }; + 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 }); } } }));