Reorganize wallets/

* Move passphrase hooks into own file
* Rename to draggable.js to dnd.js
* Create wallets/lib/crypto.js
* Move wallets/client/context stuff into ../hooks

The distinction between context and hooks did not make sense.

* Fix circular imports within wallets/client/hooks

Author: ekzyis

pages/_app.js

@@ -19,7 +19,7 @@ import 'nprogress/nprogress.css'
 import { ChainFeeProvider } from '@/components/chain-fee.js'
 import dynamic from 'next/dynamic'
 import { HasNewNotesProvider } from '@/components/use-has-new-notes'
-import WalletsProvider from '@/wallets/client/context'
+import { WalletsProvider } from '@/wallets/client/hooks'
 import FaviconProvider from '@/components/favicon'
 
 const PWAPrompt = dynamic(() => import('react-ios-pwa-prompt'), { ssr: false })

pages/wallets/index.js

@@ -1,9 +1,11 @@
 import { getGetServerSideProps } from '@/api/ssrApollo'
 import { Button } from 'react-bootstrap'
-import { useWallets, useTemplates, DndProvider, KeyStatus, useWalletsLoading, useKeyError, useWalletsError } from '@/wallets/client/context'
+import {
+  DndProvider, KeyStatus, useWallets, useTemplates, useWalletsLoading, useKeyError, useWalletsError,
+  usePassphrasePrompt, useShowPassphrase, useSetWalletPriorities
+} from '@/wallets/client/hooks'
 import { WalletCard, WalletLayout, WalletLayoutHeader, WalletLayoutLink, WalletLayoutSubHeader } from '@/wallets/client/components'
 import styles from '@/styles/wallet.module.css'
-import { usePassphrasePrompt, useShowPassphrase, useSetWalletPriorities } from '@/wallets/client/hooks'
 import { WalletSearch } from '@/wallets/client/components/search'
 import { useMemo, useState } from 'react'
 import { walletDisplayName } from '@/wallets/lib/util'

wallets/client/components/debug.js

@@ -1,7 +1,8 @@
 import { formatBytes } from '@/lib/format'
 import { useEffect, useState } from 'react'
-import { useKeyHash, useKeyUpdatedAt } from '@/wallets/client/context'
-import { useDiagnostics, useRemoteKeyHash, useRemoteKeyHashUpdatedAt, useWalletsUpdatedAt } from '@/wallets/client/hooks'
+import {
+  useKeyHash, useKeyUpdatedAt, useDiagnostics, useRemoteKeyHash, useRemoteKeyHashUpdatedAt, useWalletsUpdatedAt
+} from '@/wallets/client/hooks'
 import { timeSince } from '@/lib/time'
 
 export function WalletDebugSettings () {

wallets/client/components/draggable.js renamed to wallets/client/components/dnd.js

@@ -1,4 +1,4 @@
-import { useDndHandlers } from '@/wallets/client/context'
+import { useDndHandlers } from '@/wallets/client/hooks'
 import classNames from 'classnames'
 import styles from '@/styles/dnd.module.css'
 

wallets/client/components/index.js

@@ -1,5 +1,5 @@
 export * from './card'
-export * from './draggable'
+export * from './dnd'
 export * from './form/index'
 export * from './layout'
 export * from './passphrase'