Merge pull request #30 from celo-tools/1.0.1-dev

Author: jmrossy

.github/workflows/bundle-desktop.yml

@@ -60,6 +60,5 @@ jobs:
           name: celowallet-artifacts
           path: |
             dist-electron/*-mac*.dmg
-            dist-electron/*-mac*.zip
             dist-electron/*-linux*.AppImage
             dist-electron/*-win*.exe

electron-builder.yml

@@ -21,7 +21,6 @@ mac:
   entitlementsInherit: electron/build/mac/entitlements.plist
   target:
     - dmg
-    - zip
 
 linux:
   artifactName: ${productName}-${version}-${os}-${arch}.${ext}

package-electron.json

@@ -1,6 +1,6 @@
 {
   "name": "celo-web-wallet",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "A lightweight web and desktop wallet for the Celo network",
   "main": "main.js",
   "keywords": [

package.json

@@ -1,6 +1,6 @@
 {
   "name": "celo-web-wallet",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "A lightweight web and desktop wallet for the Celo network",
   "keywords": [
     "Celo",

src/components/modal/useNavHintModal.tsx

@@ -12,6 +12,7 @@ export function useNavHintModal(
   body: string,
   navLabel: string,
   navTarget: string,
+  navState?: Record<string, unknown>,
   onClose?: () => void
 ) {
   const navigate = useNavigate()
@@ -29,7 +30,7 @@ export function useNavHintModal(
       color: Color.altGrey,
     }
     const onActionClick = (action: ModalAction) => {
-      if (action.key === 'nav') navigate(navTarget)
+      if (action.key === 'nav') navigate(navTarget, navState ? { state: navState } : undefined)
       if (onClose) onClose()
       closeModal()
     }

src/consts.ts

@@ -30,7 +30,7 @@ export const ACCOUNT_UNLOCK_TIMEOUT = 600000 // 10 minutes
 export const BALANCE_STALE_TIME = 15000 // 15 seconds
 export const GAS_PRICE_STALE_TIME = 10000 // 10 seconds
 export const EXCHANGE_RATE_STALE_TIME = 15000 // 15 seconds
-export const ACCOUNT_STATUS_STALE_TIME = 86400000 // 1 day
+export const ACCOUNT_STATUS_STALE_TIME = 43200000 // 12 hours
 export const VALIDATOR_LIST_STALE_TIME = 86400000 // 1 day
 export const VALIDATOR_VOTES_STALE_TIME = 300000 // 5 minutes
 export const VALIDATOR_ACTIVATABLE_STALE_TIME = 43200000 // 12 hours

src/features/home/HomeScreen.tsx

@@ -13,6 +13,7 @@ import { HeaderSection } from 'src/features/home/HeaderSection'
 import { HeaderSectionEmpty } from 'src/features/home/HeaderSectionEmpty'
 import { toggleHomeHeaderDismissed } from 'src/features/settings/settingsSlice'
 import { PriceChartCelo } from 'src/features/tokenPrice/PriceChartCelo'
+import { StakeActionType } from 'src/features/validators/types'
 import { dismissActivatableReminder } from 'src/features/validators/validatorsSlice'
 import { useAreBalancesEmpty } from 'src/features/wallet/utils'
 import { Color } from 'src/styles/Color'
@@ -61,16 +62,18 @@ export function HomeScreen() {
   // END PIN MIGRATION
 
   // Detect if user has unactivated staking votes
-  const { status: hasActivatableVotes, reminderDismissed: votesReminderDismissed } = useSelector(
-    (state: RootState) => state.validators.hasActivatable
-  )
-  const showActivateModal = hasActivatableVotes && !votesReminderDismissed
+  const hasActivatable = useSelector((state: RootState) => state.validators.hasActivatable)
+  const showActivateModal =
+    hasActivatable.status &&
+    hasActivatable.groupAddresses.length &&
+    !hasActivatable.reminderDismissed
   useNavHintModal(
     showActivateModal,
     'Activate Your Votes!',
     'You have pending validator votes that are ready to be activated. They must be activated to start earning staking rewards.',
     'Activate',
     '/stake',
+    { groupAddress: hasActivatable.groupAddresses[0], action: StakeActionType.Activate },
     () => {
       dispatch(dismissActivatableReminder())
     }

src/features/home/Tips.ts

@@ -1,4 +1,6 @@
-export const Tips = [
+import { config } from 'src/config'
+
+const Tips = [
   [
     'Transaction fees can be paid in any currency but they are smaller when paid with CELO.',
     'Consider keeping some CELO in your account to pay for fees. It will be used by default.',
@@ -17,20 +19,24 @@ export const Tips = [
   ],
   [
     'Your wallet can be imported in many places at once.',
-    'For example, use your Account Key to load it into the Valora mobile app.',
-  ],
-  [
-    'Using this wallet in a browser is only safe for small accounts or Ledger users.',
-    'For large accounts, downloading the Desktop App is strongly recommended.',
+    'For example, you can import your Account Key into the Valora mobile app.',
   ],
   [
     'You can lock CELO to participate in Celo network elections and governance.',
     'Voting for validators that are elected will earn you free CELO rewards.',
   ],
 ]
 
+const WebTips = [
+  ...Tips,
+  [
+    'Using this wallet in a browser is only safe for small accounts or Ledger users.',
+    'For large accounts, downloading the Desktop App is strongly recommended.',
+  ],
+]
+
 export function useDailyTip() {
-  // TODO save the starting date in storage so tips can be cycled through in order from the first
+  const tips = config.isElectron ? Tips : WebTips
   const date = new Date().getDate()
-  return Tips[date % Tips.length]
+  return tips[date % tips.length]
 }

src/features/ledger/LedgerSigner.ts

@@ -1,9 +1,9 @@
+import 'src/features/ledger/buffer' // Must be the first import
 import { CeloTransactionRequest, serializeCeloTransaction } from '@celo-tools/celo-ethers-wrapper'
 import { TransportError, TransportStatusError } from '@ledgerhq/errors'
 import { BigNumber, providers, Signer, utils } from 'ethers'
 import { config } from 'src/config'
 import { CELO_LEDGER_APP_MIN_VERSION } from 'src/consts'
-import 'src/features/ledger/buffer' // Must be the first import
 import { CeloLedgerApp } from 'src/features/ledger/CeloLedgerApp'
 import { getLedgerTransport } from 'src/features/ledger/ledgerTransport'
 import { getTokenData } from 'src/features/ledger/tokenData'

src/features/lock/LockFormScreen.tsx

@@ -63,6 +63,7 @@ export function LockFormScreen() {
     handleSubmit,
     setValues,
     resetValues,
+    resetErrors,
   } = useCustomForm<LockTokenForm>(getInitialValues(tx), onSubmit, validateForm)
 
   // Keep form in sync with tx state
@@ -83,6 +84,7 @@ export function LockFormScreen() {
       autoSetAmount = '0'
     }
     setValues({ ...values, [name]: value, amount: autoSetAmount })
+    resetErrors()
   }
 
   const onUseMax = () => {
@@ -96,6 +98,7 @@ export function LockFormScreen() {
       maxAmount = fromWeiRounded(pendingFree, Currency.CELO, true)
     }
     setValues({ ...values, amount: maxAmount })
+    resetErrors()
   }
 
   const summaryData = useMemo(() => getSummaryChartData(balances), [balances])