remove all unused imports

apps/mobile/App.js

@@ -4,7 +4,7 @@ import NavigationService, {
 } from './src/services/NavigationService';
 import {StatusBar, View, Platform} from 'react-native';
 import * as Animatable from 'react-native-animatable';
-import {h, w} from './src/utils/utils';
+import {w} from './src/utils/utils';
 import {Toast} from './src/components/Toast';
 import {Menu} from './src/components/Menu';
 import SideMenu from './src/components/SideMenu';
@@ -18,7 +18,6 @@ import {
   _unSubscribeEvent,
 } from './src/components/DialogManager';
 import {getColorScheme} from './src/common/common';
-import {useAppContext} from './src/provider/useAppContext';
 
 export const DDS = new DeviceDetectionService();
 export const db = new Storage(StorageInterface);

apps/mobile/index.js

@@ -3,9 +3,9 @@
  */
 
 import {AppRegistry} from 'react-native';
-import App, {db} from './App';
+import App from './App';
 import {name as appName} from './app.json';
-import React, {useEffect} from 'react';
+import React from 'react';
 import {Provider} from './src/provider';
 
 const AppProvider = () => {

apps/mobile/src/common/common.js

@@ -1,6 +1,6 @@
-import {DeviceEventEmitter, StatusBar, PixelRatio} from 'react-native';
-
+import {DeviceEventEmitter, StatusBar} from 'react-native';
 import FastStorage from 'react-native-fast-storage';
+
 //COLOR SCHEME
 export const ACCENT = {
   color: '#0560FF',

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

@@ -1,15 +1,15 @@
+import PropTypes from 'prop-types';
 import React, {Component} from 'react';
 import {
-  View,
-  TouchableOpacity,
-  Dimensions,
-  ScrollView,
-  Modal,
-  KeyboardAvoidingView,
-  Platform,
   Animated,
+  Dimensions,
+  KeyboardAvoidingView,
+  Modal,
+  Platform,
+  ScrollView,
+  TouchableOpacity,
+  View,
 } from 'react-native';
-import PropTypes from 'prop-types';
 import {styles} from './styles';
 
 const deviceHeight = Dimensions.get('window').height;

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

@@ -1,26 +1,26 @@
-import React, {useState, useEffect} from 'react';
+import React, {useEffect, useState} from 'react';
 import {
-  View,
-  Text,
-  TouchableOpacity,
   Dimensions,
+  Text,
   TextInput,
+  TouchableOpacity,
+  View,
 } from 'react-native';
+import FastStorage from 'react-native-fast-storage';
+import Icon from 'react-native-vector-icons/Feather';
+import {db} from '../../../App';
 import {
-  SIZE,
-  pv,
-  WEIGHT,
-  opacity,
+  ACCENT,
+  COLOR_SCHEME,
   COLOR_SCHEME_DARK,
   COLOR_SCHEME_LIGHT,
-  COLOR_SCHEME,
-  ACCENT,
+  opacity,
+  pv,
+  SIZE,
+  WEIGHT,
 } from '../../common/common';
-import Icon from 'react-native-vector-icons/Feather';
+import {ACTIONS, useTracked} from '../../provider';
 import NavigationService from '../../services/NavigationService';
-import {db} from '../../../App';
-import FastStorage from 'react-native-fast-storage';
-import {useTracked, ACTIONS} from '../../provider';
 const w = Dimensions.get('window').width;
 const h = Dimensions.get('window').height;
 

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

@@ -1,19 +1,18 @@
-import React, {useState, createRef, useEffect} from 'react';
+import React, {createRef, useState} from 'react';
 import {
-  View,
+  KeyboardAvoidingView,
+  Modal,
+  Platform,
   Text,
   TouchableOpacity,
-  Platform,
-  Modal,
-  KeyboardAvoidingView,
+  View,
 } from 'react-native';
-import {SIZE, ph, pv, opacity, WEIGHT} from '../../common/common';
-import Icon from 'react-native-vector-icons/Feather';
-import {getElevation, ToastEvent} from '../../utils/utils';
 import {FlatList, TextInput} from 'react-native-gesture-handler';
+import Icon from 'react-native-vector-icons/Feather';
 import {db, DDS} from '../../../App';
-import {useAppContext} from '../../provider/useAppContext';
+import {opacity, ph, pv, SIZE, WEIGHT} from '../../common/common';
 import {useTracked} from '../../provider';
+import {getElevation, ToastEvent} from '../../utils/utils';
 
 let refs = [];
 

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

@@ -1,34 +1,11 @@
-import React, {useEffect, useState, createRef} from 'react';
-import {
-  ScrollView,
-  View,
-  Text,
-  TouchableOpacity,
-  Dimensions,
-  Image,
-  SafeAreaView,
-  Platform,
-  Modal,
-} from 'react-native';
-import NavigationService from '../../services/NavigationService';
-import {
-  COLOR_SCHEME,
-  SIZE,
-  br,
-  ph,
-  pv,
-  opacity,
-  FONT,
-  WEIGHT,
-} from '../../common/common';
+import React, {useState} from 'react';
+import {Modal, Text, TouchableOpacity, View} from 'react-native';
+import {TextInput} from 'react-native-gesture-handler';
 import Icon from 'react-native-vector-icons/Feather';
-
-import {getElevation, h, w, timeSince, ToastEvent} from '../../utils/utils';
-import {FlatList, TextInput} from 'react-native-gesture-handler';
-import {useForceUpdate} from '../../views/ListsEditor';
 import {db} from '../../../App';
-import {useAppContext} from '../../provider/useAppContext';
+import {opacity, ph, pv, SIZE, WEIGHT} from '../../common/common';
 import {useTracked} from '../../provider';
+import {getElevation, ToastEvent} from '../../utils/utils';
 
 export const AddTopicDialog = ({
   visible,

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

@@ -1,24 +1,16 @@
 import React, {useEffect, useState} from 'react';
 import {
+  Keyboard,
+  KeyboardAvoidingView,
+  Platform,
   SafeAreaView,
+  Text,
   TouchableOpacity,
   View,
-  KeyboardAvoidingView,
-  Text,
-  Keyboard,
-  Platform,
 } from 'react-native';
-import {COLOR_SCHEME, opacity, pv, br, SIZE, WEIGHT} from '../../common/common';
-import {Search} from '../../components/SearchInput';
-import {w, h, SideMenuEvent, getElevation, ToastEvent} from '../../utils/utils';
-import {Header} from '../../components/header';
-import {NotesList} from '../../components/NotesList';
-import {db} from '../../../App';
-import Icon from 'react-native-vector-icons/Feather';
-import NavigationService from '../../services/NavigationService';
 import * as Animatable from 'react-native-animatable';
-import {useAppContext} from '../../provider/useAppContext';
-import {DDS} from '../../../App';
+import Icon from 'react-native-vector-icons/Feather';
+import {br, opacity, pv, SIZE, WEIGHT} from '../../common/common';
 import {useTracked} from '../../provider';
 export const AnimatedSafeAreaView = Animatable.createAnimatableComponent(
   SafeAreaView,

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

@@ -1,7 +1,7 @@
 import React, {Component} from 'react';
 import {DeviceEventEmitter} from 'react-native';
-import {ActionSheetComponent} from '../ActionSheetComponent';
 import ActionSheet from '../ActionSheet';
+import {ActionSheetComponent} from '../ActionSheetComponent';
 import {Dialog} from '../Dialog';
 import {VaultDialog} from '../VaultDialog';
 export const ActionSheetEvent = (item, colors, tags, rowItems, columnItems) => {

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

@@ -1,32 +1,29 @@
 import React, {useState} from 'react';
 import {
+  ActivityIndicator,
+  FlatList,
+  KeyboardAvoidingView,
+  Platform,
   ScrollView,
-  View,
+  StatusBar,
   Text,
   TouchableOpacity,
-  Platform,
-  FlatList,
-  ActivityIndicator,
-  KeyboardAvoidingView,
-  StatusBar,
+  View,
 } from 'react-native';
+import FastStorage from 'react-native-fast-storage';
+import {TextInput} from 'react-native-gesture-handler';
+import Icon from 'react-native-vector-icons/Feather';
 import {
-  SIZE,
-  pv,
-  opacity,
-  WEIGHT,
   COLOR_SCHEME_DARK,
   COLOR_SCHEME_LIGHT,
+  opacity,
+  pv,
+  SIZE,
+  WEIGHT,
 } from '../../common/common';
-import Icon from 'react-native-vector-icons/Feather';
-import {h} from '../../utils/utils';
-import FastStorage from 'react-native-fast-storage';
-
-import {AnimatedSafeAreaView} from '../../views/Home';
-import {TextInput} from 'react-native-gesture-handler';
-import {useAppContext} from '../../provider/useAppContext';
-import {VaultDialog} from '../VaultDialog';
 import {useTracked} from '../../provider';
+import {AnimatedSafeAreaView} from '../../views/Home';
+import {VaultDialog} from '../VaultDialog';
 
 let tagsInputRef;
 let tagsList;

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

@@ -1,20 +1,10 @@
-import React, {useState} from 'react';
-import {View, Text, TouchableOpacity, Platform, Dimensions} from 'react-native';
-import {
-  COLOR_SCHEME,
-  SIZE,
-  br,
-  ph,
-  pv,
-  opacity,
-  FONT,
-  WEIGHT,
-} from '../../common/common';
-import Icon from 'react-native-vector-icons/Ionicons';
-import {getElevation} from '../../utils/utils';
+import React from 'react';
+import {Dimensions, Platform, Text, TouchableOpacity, View} from 'react-native';
 import {FlatList} from 'react-native-gesture-handler';
-import {useAppContext} from '../../provider/useAppContext';
+import Icon from 'react-native-vector-icons/Ionicons';
+import {br, ph, pv, SIZE, WEIGHT} from '../../common/common';
 import {useTracked} from '../../provider';
+import {getElevation} from '../../utils/utils';
 const w = Dimensions.get('window').width;
 const h = Dimensions.get('window').height;
 export const ListItem = props => {

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

@@ -1,17 +1,16 @@
 import React from 'react';
-import {View, Text} from 'react-native';
-import Icon from 'react-native-vector-icons/Feather';
+import {Text, View} from 'react-native';
 import * as Animatable from 'react-native-animatable';
-
+import Icon from 'react-native-vector-icons/Feather';
+import {SIZE} from '../../common/common';
 import {
   deleteItems,
-  rotate,
   opacity,
+  rotate,
   slideLeft,
   slideRight,
 } from '../../utils/animations';
 import {w} from '../../utils/utils';
-import {SIZE} from '../../common/common';
 
 export const NotebookPlaceHolder = ({colors, animation}) => {
   return (

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

@@ -1,28 +1,28 @@
 import React from 'react';
 import {
+  Platform,
   ScrollView,
-  View,
+  StatusBar,
   Text,
   TouchableOpacity,
-  Platform,
-  StatusBar,
+  View,
 } from 'react-native';
-import NavigationService from '../../services/NavigationService';
+import FastStorage from 'react-native-fast-storage';
+import Icon from 'react-native-vector-icons/Feather';
 import {
-  SIZE,
-  pv,
-  opacity,
-  WEIGHT,
-  COLOR_SCHEME_DARK,
-  COLOR_SCHEME_LIGHT,
   ACCENT,
   COLOR_SCHEME,
+  COLOR_SCHEME_DARK,
+  COLOR_SCHEME_LIGHT,
+  opacity,
+  pv,
   setColorScheme,
+  SIZE,
+  WEIGHT,
 } from '../../common/common';
-import Icon from 'react-native-vector-icons/Feather';
+import {ACTIONS, useTracked} from '../../provider';
+import NavigationService from '../../services/NavigationService';
 import {AnimatedSafeAreaView} from '../../views/Home';
-import FastStorage from 'react-native-fast-storage';
-import {useTracked, ACTIONS} from '../../provider';
 
 export const Menu = ({close = () => {}, hide, update = () => {}}) => {
   const [state, dispatch] = useTracked();

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

@@ -1,15 +1,10 @@
 import React from 'react';
-import {View, Text, TouchableOpacity, Dimensions} from 'react-native';
-import {SIZE, ph, pv, WEIGHT} from '../../common/common';
+import {Dimensions, Text, TouchableOpacity, View} from 'react-native';
 import Icon from 'react-native-vector-icons/Feather';
-import {timeSince, ToastEvent, getElevation} from '../../utils/utils';
-import NavigationService from '../../services/NavigationService';
-import {Dialog} from '../Dialog';
-import {VaultDialog} from '../VaultDialog';
-import {db} from '../../../App';
 import {DDS} from '../../../App';
-import _ from 'lodash';
-
+import {ph, pv, SIZE, WEIGHT} from '../../common/common';
+import NavigationService from '../../services/NavigationService';
+import {getElevation, timeSince} from '../../utils/utils';
 import {ActionSheetEvent} from '../DialogManager';
 
 const w = Dimensions.get('window').width;

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

@@ -1,18 +1,16 @@
 import React, {useState} from 'react';
-import {View, Text, TouchableOpacity} from 'react-native';
-import NavigationService from '../../services/NavigationService';
-import Menu, {MenuItem, MenuDivider} from 'react-native-material-menu';
-import {SIZE, ph, pv, opacity, WEIGHT, br} from '../../common/common';
+import {Text, TouchableOpacity, View} from 'react-native';
 import Icon from 'react-native-vector-icons/Feather';
-import {w, ToastEvent} from '../../utils/utils';
-import {db, DDS} from '../../../App';
-import {Dialog} from '../Dialog';
-import {AddTopicDialog} from '../AddTopicDialog';
-import {useAppContext} from '../../provider/useAppContext';
-import {AddNotebookDialog} from '../AddNotebookDialog';
+import {db} from '../../../App';
+import {opacity, ph, pv, SIZE, WEIGHT} from '../../common/common';
+import {useTracked} from '../../provider';
+import NavigationService from '../../services/NavigationService';
+import {ToastEvent, w} from '../../utils/utils';
 import ActionSheet from '../ActionSheet';
 import {ActionSheetComponent} from '../ActionSheetComponent';
-import {useTracked} from '../../provider';
+import {AddNotebookDialog} from '../AddNotebookDialog';
+import {AddTopicDialog} from '../AddTopicDialog';
+import {Dialog} from '../Dialog';
 
 export const NotebookItem = ({
   item,

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

@@ -1,14 +1,13 @@
 import React, {useEffect} from 'react';
-import {View, Text, FlatList, Platform, SectionList} from 'react-native';
+import {FlatList, Platform, SectionList, Text, View} from 'react-native';
 import {SIZE, WEIGHT} from '../../common/common';
-import NoteItem from '../NoteItem';
-import {NotesPlaceHolder} from '../ListPlaceholders';
-import {slideRight, slideLeft} from '../../utils/animations';
+import {ACTIONS, useTracked} from '../../provider';
+import {slideLeft, slideRight} from '../../utils/animations';
 import {w} from '../../utils/utils';
+import {NotesPlaceHolder} from '../ListPlaceholders';
+import NoteItem from '../NoteItem';
 import SelectionWrapper from '../SelectionWrapper';
 
-import {useTracked, ACTIONS} from '../../provider';
-
 export const NotesList = ({
   onScroll,
   isSearch = false,

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

@@ -1,16 +1,7 @@
 import React, {useState} from 'react';
-import {View, Text, TouchableOpacity, Platform, Dimensions} from 'react-native';
-import {
-  COLOR_SCHEME,
-  SIZE,
-  br,
-  ph,
-  pv,
-  opacity,
-  FONT,
-  WEIGHT,
-} from '../../common/common';
+import {Dimensions, Platform, Text, View} from 'react-native';
 import Icon from 'react-native-vector-icons/Ionicons';
+import {br, COLOR_SCHEME, ph, SIZE, WEIGHT} from '../../common/common';
 import {getElevation} from '../../utils/utils';
 const w = Dimensions.get('window').width;
 const h = Dimensions.get('window').height;

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

@@ -1,21 +1,11 @@
-import React, {Fragment, useEffect, useState, createRef} from 'react';
-import {View, TextInput, Platform, DeviceEventEmitter} from 'react-native';
-import {
-  COLOR_SCHEME,
-  SIZE,
-  br,
-  ph,
-  pv,
-  opacity,
-  FONT,
-  WEIGHT,
-} from '../../common/common';
-import Icon from 'react-native-vector-icons/Ionicons';
-import {getElevation, w} from '../../utils/utils';
+import React, {createRef, useState} from 'react';
+import {TextInput} from 'react-native';
 import * as Animatable from 'react-native-animatable';
+import Icon from 'react-native-vector-icons/Ionicons';
 import {DDS} from '../../../App';
-import {useAppContext} from '../../provider/useAppContext';
+import {br, SIZE, WEIGHT} from '../../common/common';
 import {useTracked} from '../../provider';
+import {w} from '../../utils/utils';
 export const Search = props => {
   const [state, dispatch] = useTracked();
   const {colors} = state;

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

@@ -1,18 +1,17 @@
 import React from 'react';
 import {
+  Platform,
   SafeAreaView,
+  StatusBar,
+  Text,
   TouchableOpacity,
   View,
-  Text,
-  StatusBar,
-  Platform,
 } from 'react-native';
-import {SIZE, WEIGHT} from '../../common/common';
-import {w} from '../../utils/utils';
-import Icon from 'react-native-vector-icons/Feather';
 import * as Animatable from 'react-native-animatable';
-import {useAppContext} from '../../provider/useAppContext';
-import {useTracked, ACTIONS} from '../../provider';
+import Icon from 'react-native-vector-icons/Feather';
+import {SIZE, WEIGHT} from '../../common/common';
+import {ACTIONS, useTracked} from '../../provider';
+import {w} from '../../utils/utils';
 
 export const AnimatedSafeAreaView = Animatable.createAnimatableComponent(
   SafeAreaView,

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

@@ -1,13 +1,11 @@
-import React, {useEffect, useState} from 'react';
-import {View, TouchableOpacity, Platform, Text, StatusBar} from 'react-native';
+import React from 'react';
+import {Platform, StatusBar, Text, TouchableOpacity, View} from 'react-native';
+import * as Animatable from 'react-native-animatable';
 import Icon from 'react-native-vector-icons/Feather';
 import {SIZE, WEIGHT} from '../../common/common';
-import {h, SideMenuEvent, getElevation} from '../../utils/utils';
-import * as Animatable from 'react-native-animatable';
-import NavigationService from '../../services/NavigationService';
-import {DDS} from '../../../App';
-import {useAppContext} from '../../provider/useAppContext';
 import {useTracked} from '../../provider';
+import NavigationService from '../../services/NavigationService';
+import {SideMenuEvent} from '../../utils/utils';
 let isOpen = false;
 export const Header = ({
   heading,

apps/mobile/src/provider/index.js

@@ -1,5 +1,5 @@
-import React, {useReducer} from 'react';
-import {DDS, db} from '../../App';
+import {useReducer} from 'react';
+import {db} from '../../App';
 import {createContainer} from 'react-tracked';
 import {SideMenuEvent} from '../utils/utils';
 const defaultState = {

apps/mobile/src/provider/useAppContext.js

@@ -1,13 +1,4 @@
-import {useContext} from 'react';
-import {AppContext, useTrackedState} from '.';
-import {StatusBar} from 'react-native';
-import {
-  COLOR_SCHEME,
-  setColorScheme,
-  getColorScheme,
-  ACCENT,
-} from '../common/common';
-import {db} from '../../App';
+import {useTrackedState} from '.';
 
 const useAppContext = () => {
   const state = useTrackedState();

apps/mobile/src/utils/deviceDetection.js

@@ -1,4 +1,4 @@
-import React, {PixelRatio, Platform, Dimensions} from 'react-native';
+import {Dimensions, PixelRatio, Platform} from 'react-native';
 const windowSize = Dimensions.get('window');
 
 export class DeviceDetectionService {

apps/mobile/src/utils/storage.js

@@ -1,5 +1,5 @@
+import {NativeModules} from 'react-native';
 import FastStorage from 'react-native-fast-storage';
-import {NativeModules, Platform} from 'react-native';
 var Aes = NativeModules.Aes;
 
 async function read(key) {

apps/mobile/src/utils/utils.js

@@ -1,4 +1,4 @@
-import {Dimensions, DeviceEventEmitter} from 'react-native';
+import {DeviceEventEmitter, Dimensions} from 'react-native';
 export const getElevation = elevation => {
   return {
     elevation,

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

@@ -1,10 +1,9 @@
 import React from 'react';
-import {View, Text, TouchableOpacity, Image, FlatList} from 'react-native';
-import {SIZE, pv, opacity, WEIGHT} from '../../common/common';
+import {FlatList, Image, Text, TouchableOpacity, View} from 'react-native';
+import {opacity, pv, SIZE, WEIGHT} from '../../common/common';
 import {Header} from '../../components/header';
-import {AnimatedSafeAreaView} from '../Home';
-import {useAppContext} from '../../provider/useAppContext';
 import {useTracked} from '../../provider';
+import {AnimatedSafeAreaView} from '../Home';
 
 export const AccountSettings = ({navigation}) => {
   const [state, dispatch] = useTracked();

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

@@ -1,36 +1,30 @@
 import React, {useEffect, useState} from 'react';
 import {
-  View,
-  Platform,
-  Linking,
-  KeyboardAvoidingView,
-  Dimensions,
-  TextInput,
   BackHandler,
-  TouchableOpacity,
+  Dimensions,
+  KeyboardAvoidingView,
+  Linking,
+  Platform,
   StatusBar,
+  TextInput,
+  TouchableOpacity,
+  View,
 } from 'react-native';
-import {SIZE, WEIGHT} from '../../common/common';
-import WebView from 'react-native-webview';
-import Icon from 'react-native-vector-icons/Feather';
-import {db} from '../../../App';
-import {SideMenuEvent, getElevation, ToastEvent} from '../../utils/utils';
-import {Dialog} from '../../components/Dialog';
-import {DDS} from '../../../App';
 import * as Animatable from 'react-native-animatable';
-import {EditorMenu} from '../../components/EditorMenu';
-import {AnimatedSafeAreaView} from '../Home';
-import {useAppContext} from '../../provider/useAppContext';
-import ActionSheet from '../../components/ActionSheet';
-import {ActionSheetComponent} from '../../components/ActionSheetComponent';
-import {VaultDialog} from '../../components/VaultDialog';
+import Icon from 'react-native-vector-icons/Feather';
+import WebView from 'react-native-webview';
 import {useIsFocused} from 'react-navigation-hooks';
-import {useTracked} from '../../provider';
+import {db, DDS} from '../../../App';
+import {SIZE, WEIGHT} from '../../common/common';
 import {
+  ActionSheetEvent,
   simpleDialogEvent,
   TEMPLATE_EXIT,
-  ActionSheetEvent,
 } from '../../components/DialogManager';
+import {EditorMenu} from '../../components/EditorMenu';
+import {useTracked} from '../../provider';
+import {SideMenuEvent} from '../../utils/utils';
+import {AnimatedSafeAreaView} from '../Home';
 const w = Dimensions.get('window').width;
 const h = Dimensions.get('window').height;
 

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

@@ -1,17 +1,15 @@
-import React, {useState, useEffect} from 'react';
-import {View, Text, FlatList, Platform} from 'react-native';
-import {Header} from '../../components/header';
-import {useAppContext} from '../../provider/useAppContext';
+import React, {useEffect, useState} from 'react';
+import {FlatList, Platform, Text, View} from 'react-native';
 import * as Animatable from 'react-native-animatable';
-import {Search} from '../../components/SearchInput';
 import {SIZE, WEIGHT} from '../../common/common';
-import NoteItem from '../../components/NoteItem';
-import {NotebookItem} from '../../components/NotebookItem';
-import {FavoritesPlaceHolder} from '../../components/ListPlaceholders';
 import Container from '../../components/Container';
-import {useIsFocused} from 'react-navigation-hooks';
-import {useTracked, ACTIONS} from '../../provider';
+import {Header} from '../../components/header';
+import {FavoritesPlaceHolder} from '../../components/ListPlaceholders';
+import {NotebookItem} from '../../components/NotebookItem';
+import NoteItem from '../../components/NoteItem';
+import {Search} from '../../components/SearchInput';
 import SelectionWrapper from '../../components/SelectionWrapper';
+import {ACTIONS, useTracked} from '../../provider';
 
 export const Favorites = ({navigation}) => {
   // Global State

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

@@ -1,20 +1,19 @@
-import React, {useState, useEffect} from 'react';
-import {View, Text, Platform, FlatList} from 'react-native';
+import React, {useEffect, useState} from 'react';
+import {FlatList, Platform, Text, View} from 'react-native';
+import * as Animatable from 'react-native-animatable';
+import {useIsFocused} from 'react-navigation-hooks';
 import {SIZE, WEIGHT} from '../../common/common';
 import {AddNotebookDialog} from '../../components/AddNotebookDialog';
+import Container from '../../components/Container';
+import {Header} from '../../components/header';
+import {NotebookPlaceHolder} from '../../components/ListPlaceholders';
 import {NotebookItem} from '../../components/NotebookItem';
 import {Search} from '../../components/SearchInput';
-import {Header} from '../../components/header';
-import * as Animatable from 'react-native-animatable';
-import {useAppContext} from '../../provider/useAppContext';
-import {NotebookPlaceHolder} from '../../components/ListPlaceholders';
-import {slideRight, slideLeft} from '../../utils/animations';
-import Container from '../../components/Container';
 import SelectionHeader from '../../components/SelectionHeader';
 import SelectionWrapper from '../../components/SelectionWrapper';
+import {ACTIONS, useTracked} from '../../provider';
+import {slideLeft, slideRight} from '../../utils/animations';
 import {w} from '../../utils/utils';
-import {useIsFocused} from 'react-navigation-hooks';
-import {useTracked, ACTIONS} from '../../provider';
 
 export const Folders = ({navigation}) => {
   const [state, dispatch] = useTracked();

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

@@ -1,38 +1,16 @@
-import React, {useEffect, useState, createRef} from 'react';
+import React, {createRef, useEffect} from 'react';
 import {
-  ScrollView,
-  View,
+  DeviceEventEmitter,
+  SafeAreaView,
   Text,
   TouchableOpacity,
-  Dimensions,
-  Image,
-  SafeAreaView,
-  Platform,
-  DeviceEventEmitter,
+  View,
 } from 'react-native';
-import NavigationService from '../../services/NavigationService';
-import {
-  COLOR_SCHEME,
-  SIZE,
-  br,
-  ph,
-  pv,
-  opacity,
-  FONT,
-  WEIGHT,
-  onThemeUpdate,
-  clearThemeUpdateListener,
-} from '../../common/common';
-import Icon from 'react-native-vector-icons/Ionicons';
-import {DDS} from '../../../App';
-import {Reminder} from '../../components/Reminder';
-import {ListItem} from '../../components/ListItem';
-import {getElevation} from '../../utils/utils';
-import {FlatList, TextInput} from 'react-native-gesture-handler';
+import {TextInput} from 'react-native-gesture-handler';
 import {NavigationEvents} from 'react-navigation';
+import {DDS} from '../../../App';
+import {opacity, pv, SIZE, WEIGHT} from '../../common/common';
 import {Header} from '../../components/header';
-import {useForceUpdate} from '../ListsEditor';
-import {useAppContext} from '../../provider/useAppContext';
 import {useTracked} from '../../provider';
 
 export const ForgotPassword = ({navigation}) => {

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

@@ -1,19 +1,15 @@
 import React, {useEffect, useState} from 'react';
 import {SafeAreaView} from 'react-native';
-import {Search} from '../../components/SearchInput';
-import {w, h, SideMenuEvent, ToastEvent} from '../../utils/utils';
+import * as Animatable from 'react-native-animatable';
+import {db} from '../../../App';
+import Container from '../../components/Container';
 import {Header} from '../../components/header';
 import {NotesList} from '../../components/NotesList';
-import {db} from '../../../App';
-import NavigationService from '../../services/NavigationService';
-import * as Animatable from 'react-native-animatable';
-import {useAppContext} from '../../provider/useAppContext';
-import {DDS} from '../../../App';
-import Container from '../../components/Container';
+import {Search} from '../../components/SearchInput';
 import SelectionHeader from '../../components/SelectionHeader';
-import {useIsFocused} from 'react-navigation-hooks';
-import {useTracked, ACTIONS} from '../../provider';
-import {_recieveEvent, _unSubscribeEvent} from '../../components/DialogManager';
+import {ACTIONS, useTracked} from '../../provider';
+import NavigationService from '../../services/NavigationService';
+import {SideMenuEvent, ToastEvent} from '../../utils/utils';
 
 export const AnimatedSafeAreaView = Animatable.createAnimatableComponent(
   SafeAreaView,

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

@@ -1,29 +1,8 @@
-import React, {useEffect, useState} from 'react';
-import {
-  ScrollView,
-  View,
-  Text,
-  TouchableOpacity,
-  Dimensions,
-  Image,
-  SafeAreaView,
-  Platform,
-} from 'react-native';
-import NavigationService from '../../services/NavigationService';
-import {
-  COLOR_SCHEME,
-  SIZE,
-  br,
-  ph,
-  pv,
-  opacity,
-  FONT,
-  WEIGHT,
-} from '../../common/common';
+import React from 'react';
+import {Dimensions, Platform, SafeAreaView, Text, View} from 'react-native';
 import Icon from 'react-native-vector-icons/Ionicons';
-import {Reminder} from '../../components/Reminder';
+import {SIZE, WEIGHT} from '../../common/common';
 import {ListItem} from '../../components/ListItem';
-import {useAppContext} from '../../provider/useAppContext';
 import {useTracked} from '../../provider';
 
 const w = Dimensions.get('window').width;

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

@@ -1,25 +1,15 @@
-import React, {useEffect, useState, createRef, useCallback} from 'react';
+import React, {createRef, useCallback, useState} from 'react';
 import {
-  ScrollView,
-  View,
-  Text,
-  TouchableOpacity,
-  TextInput,
-  SafeAreaView,
   Dimensions,
   FlatList,
+  SafeAreaView,
+  Text,
+  TextInput,
+  TouchableOpacity,
+  View,
 } from 'react-native';
-import {
-  COLOR_SCHEME,
-  SIZE,
-  br,
-  ph,
-  pv,
-  opacity,
-  FONT,
-  WEIGHT,
-} from '../../common/common';
 import Icon from 'react-native-vector-icons/Ionicons';
+import {COLOR_SCHEME, opacity, ph, pv, SIZE, WEIGHT} from '../../common/common';
 
 const w = Dimensions.get('window').width;
 const h = Dimensions.get('window').height;

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

@@ -1,20 +1,19 @@
-import React, {useEffect, useState, createRef} from 'react';
+import React, {createRef, useEffect} from 'react';
 import {
-  View,
+  DeviceEventEmitter,
+  SafeAreaView,
   Text,
   TouchableOpacity,
-  SafeAreaView,
-  DeviceEventEmitter,
+  View,
 } from 'react-native';
-import NavigationService from '../../services/NavigationService';
-import {SIZE, pv, opacity, WEIGHT} from '../../common/common';
-
 import {TextInput} from 'react-native-gesture-handler';
 import {NavigationEvents} from 'react-navigation';
-import {Header} from '../../components/header';
 import {DDS} from '../../../App';
-import {useAppContext} from '../../provider/useAppContext';
+import {opacity, pv, SIZE, WEIGHT} from '../../common/common';
+import {Header} from '../../components/header';
 import {useTracked} from '../../provider';
+import NavigationService from '../../services/NavigationService';
+
 export const Login = ({navigation}) => {
   const [state, dispatch] = useTracked();
   const {colors} = state;

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

@@ -1,14 +1,13 @@
 import React, {useState} from 'react';
-import {View, Text, Platform} from 'react-native';
+import {Platform, Text, View} from 'react-native';
+import * as Animatable from 'react-native-animatable';
+import {useIsFocused} from 'react-navigation-hooks';
 import {SIZE, WEIGHT} from '../../common/common';
+import {AddTopicDialog} from '../../components/AddTopicDialog';
+import Container from '../../components/Container';
 import {Header} from '../../components/header';
 import {NotebookItem} from '../../components/NotebookItem';
 import {Search} from '../../components/SearchInput';
-import {AddTopicDialog} from '../../components/AddTopicDialog';
-import * as Animatable from 'react-native-animatable';
-import {useAppContext} from '../../provider/useAppContext';
-import {useIsFocused} from 'react-navigation-hooks';
-import Container from '../../components/Container';
 import {useTracked} from '../../provider';
 
 export const Notebook = ({navigation}) => {

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

@@ -1,12 +1,11 @@
 import React, {useEffect, useState} from 'react';
-import {Header} from '../../components/header';
-import {Search} from '../../components/SearchInput';
-import {NotesList} from '../../components/NotesList';
-import {db} from '../../../App';
 import * as Animatable from 'react-native-animatable';
-import {useAppContext} from '../../provider/useAppContext';
-import Container from '../../components/Container';
 import {useIsFocused} from 'react-navigation-hooks';
+import {db} from '../../../App';
+import Container from '../../components/Container';
+import {Header} from '../../components/header';
+import {NotesList} from '../../components/NotesList';
+import {Search} from '../../components/SearchInput';
 import {useTracked} from '../../provider';
 
 export const Notes = ({navigation}) => {

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

@@ -1,25 +1,7 @@
-import React, {useEffect, useState, createRef, useCallback} from 'react';
-import {
-  ScrollView,
-  View,
-  Text,
-  TouchableOpacity,
-  TextInput,
-  SafeAreaView,
-  Dimensions,
-  FlatList,
-} from 'react-native';
-import {
-  COLOR_SCHEME,
-  SIZE,
-  br,
-  ph,
-  pv,
-  opacity,
-  FONT,
-  WEIGHT,
-} from '../../common/common';
+import React, {createRef, useCallback, useState} from 'react';
+import {Dimensions, SafeAreaView, Text, TextInput, View} from 'react-native';
 import Icon from 'react-native-vector-icons/Ionicons';
+import {COLOR_SCHEME, ph, pv, SIZE, WEIGHT} from '../../common/common';
 
 const w = Dimensions.get('window').width;
 const h = Dimensions.get('window').height;

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

@@ -1,26 +1,7 @@
-import React, {useEffect, useState} from 'react';
-import {
-  ScrollView,
-  View,
-  Text,
-  TouchableOpacity,
-  Dimensions,
-  Image,
-  SafeAreaView,
-  Platform,
-} from 'react-native';
-import NavigationService from '../../services/NavigationService';
-import {
-  COLOR_SCHEME,
-  SIZE,
-  br,
-  ph,
-  pv,
-  opacity,
-  FONT,
-  WEIGHT,
-} from '../../common/common';
+import React, {useState} from 'react';
+import {Dimensions, Platform, SafeAreaView, Text, View} from 'react-native';
 import Icon from 'react-native-vector-icons/Ionicons';
+import {COLOR_SCHEME, SIZE, WEIGHT} from '../../common/common';
 import {Reminder} from '../../components/Reminder';
 
 const w = Dimensions.get('window').width;

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

@@ -1,30 +1,22 @@
-import React, {useState} from 'react';
+import React from 'react';
+import {ScrollView, Text, TouchableOpacity, View} from 'react-native';
+import FastStorage from 'react-native-fast-storage';
+import {FlatList} from 'react-native-gesture-handler';
+import Icon from 'react-native-vector-icons/Feather';
 import {
-  ScrollView,
-  View,
-  Text,
-  TouchableOpacity,
-  Dimensions,
-} from 'react-native';
-import NavigationService from '../../services/NavigationService';
-import {
-  SIZE,
-  pv,
-  opacity,
-  WEIGHT,
+  ACCENT,
+  COLOR_SCHEME,
   COLOR_SCHEME_DARK,
   COLOR_SCHEME_LIGHT,
-  COLOR_SCHEME,
-  ACCENT,
+  opacity,
+  pv,
+  SIZE,
+  WEIGHT,
 } from '../../common/common';
-import Icon from 'react-native-vector-icons/Feather';
-import {Header} from '../../components/header';
-import {FlatList} from 'react-native-gesture-handler';
-import {useAppContext} from '../../provider/useAppContext';
-import {useIsFocused} from 'react-navigation-hooks';
 import Container from '../../components/Container';
-import FastStorage from 'react-native-fast-storage';
+import {Header} from '../../components/header';
 import {useTracked} from '../../provider';
+import NavigationService from '../../services/NavigationService';
 export const Settings = ({navigation}) => {
   const [state, dispatch] = useTracked();
   const {colors} = state;

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

@@ -1,17 +1,16 @@
-import React, {useEffect, useState, createRef} from 'react';
+import React, {createRef, useEffect} from 'react';
 import {
-  View,
+  DeviceEventEmitter,
+  SafeAreaView,
   Text,
   TouchableOpacity,
-  SafeAreaView,
-  DeviceEventEmitter,
+  View,
 } from 'react-native';
-import {SIZE, pv, opacity, WEIGHT} from '../../common/common';
 import {TextInput} from 'react-native-gesture-handler';
 import {NavigationEvents} from 'react-navigation';
-import {Header} from '../../components/header';
 import {DDS} from '../../../App';
-import {useAppContext} from '../../provider/useAppContext';
+import {opacity, pv, SIZE, WEIGHT} from '../../common/common';
+import {Header} from '../../components/header';
 import {useTracked} from '../../provider';
 
 export const Signup = ({navigation}) => {

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

@@ -1,18 +1,18 @@
-import React, {useState, useEffect} from 'react';
-import {Text, FlatList, View} from 'react-native';
+import React, {useEffect} from 'react';
+import {FlatList, Text, View} from 'react-native';
 import {SIZE, WEIGHT} from '../../common/common';
-import {Header} from '../../components/header';
-import NoteItem from '../../components/NoteItem';
-import {NotebookItem} from '../../components/NotebookItem';
-import {w} from '../../utils/utils';
-import {TrashPlaceHolder} from '../../components/ListPlaceholders';
 import Container from '../../components/Container';
-import SelectionHeader from '../../components/SelectionHeader';
-import {useTracked, ACTIONS} from '../../provider';
 import {
   simpleDialogEvent,
   TEMPLATE_EMPTY_TRASH,
 } from '../../components/DialogManager';
+import {Header} from '../../components/header';
+import {TrashPlaceHolder} from '../../components/ListPlaceholders';
+import {NotebookItem} from '../../components/NotebookItem';
+import NoteItem from '../../components/NoteItem';
+import SelectionHeader from '../../components/SelectionHeader';
+import {ACTIONS, useTracked} from '../../provider';
+import {w} from '../../utils/utils';
 
 export const Trash = ({navigation}) => {
   const [state, dispatch] = useTracked();