feat: login page (#314)

Co-authored-by: Timo Welde <tjwelde@gmail.com>
KILTprotocol · Jan 28, 2021 · 13a9e26 · 13a9e26
1 parent 984f370
commit 13a9e26
Show file tree

Hide file tree

Showing 52 changed files with 682 additions and 198 deletions.
diff --git a/src/components/AttestationStatus/AttestationStatus.tsx b/src/components/AttestationStatus/AttestationStatus.tsx
@@ -6,7 +6,8 @@ import AttestationService from '../../services/AttestationService'
 import * as Claims from '../../state/ducks/Claims'
 import * as UiState from '../../state/ducks/UiState'
 import * as Attestations from '../../state/ducks/Attestations'
-import PersistentStore, {
+import {
+  persistentStoreInstance,
   State as ReduxState,
 } from '../../state/PersistentStore'
 import Spinner from '../Spinner/Spinner'
@@ -99,11 +100,11 @@ class AttestationStatus extends React.Component<Props, State> {
           status: STATUS.UNVERIFIED,
         })
         if (isAttestedClaim(attestation)) {
-          PersistentStore.store.dispatch(
+          persistentStoreInstance.store.dispatch(
             Claims.Store.revokeAttestation(attestation.request.rootHash)
           )
         } else {
-          PersistentStore.store.dispatch(
+          persistentStoreInstance.store.dispatch(
             Attestations.Store.revokeAttestation(attestation.claimHash)
           )
         }

diff --git a/src/components/AttestedClaimVerificationView/AttestedClaimVerificationView.tsx b/src/components/AttestedClaimVerificationView/AttestedClaimVerificationView.tsx
@@ -1,7 +1,7 @@
 import { IAttestedClaim } from '@kiltprotocol/sdk-js'
 import React from 'react'
 import * as UiState from '../../state/ducks/UiState'
-import PersistentStore from '../../state/PersistentStore'
+import { persistentStoreInstance } from '../../state/PersistentStore'
 
 import { ICType } from '../../types/Ctype'
 import AttestationStatus from '../AttestationStatus/AttestationStatus'
@@ -20,7 +20,7 @@ type State = {}
 
 class AttestedClaimVerificationView extends React.Component<Props, State> {
   private static verifyAttestatedClaim(): void {
-    PersistentStore.store.dispatch(
+    persistentStoreInstance.store.dispatch(
       UiState.Store.refreshAttestationStatusAction()
     )
   }

diff --git a/src/components/AttestedClaimsListView/AttestedClaimsListView.tsx b/src/components/AttestedClaimsListView/AttestedClaimsListView.tsx
@@ -1,7 +1,7 @@
 import { IAttestedClaim, IDelegationNode } from '@kiltprotocol/sdk-js'
 import React from 'react'
 
-import PersistentStore from '../../state/PersistentStore'
+import { persistentStoreInstance } from '../../state/PersistentStore'
 import AttestationStatus from '../AttestationStatus/AttestationStatus'
 import AttestedClaimVerificationView from '../AttestedClaimVerificationView/AttestedClaimVerificationView'
 import ContactPresentation from '../ContactPresentation/ContactPresentation'
@@ -54,7 +54,7 @@ type State = {
 
 class AttestedClaimsListView extends React.Component<Props, State> {
   private static verifyAttestations(): void {
-    PersistentStore.store.dispatch(
+    persistentStoreInstance.store.dispatch(
       UiState.Store.refreshAttestationStatusAction()
     )
   }

diff --git a/src/components/CTypePresentation/CTypePresentation.tsx b/src/components/CTypePresentation/CTypePresentation.tsx
@@ -11,7 +11,7 @@ import { SubmitTermsProps } from '../../containers/Tasks/SubmitTerms/SubmitTerms
 
 import CTypeRepository from '../../services/CtypeRepository'
 import * as UiState from '../../state/ducks/UiState'
-import PersistentStore from '../../state/PersistentStore'
+import { persistentStoreInstance } from '../../state/PersistentStore'
 import { ICTypeWithMetadata } from '../../types/Ctype'
 import SelectAction, { Action } from '../SelectAction/SelectAction'
 
@@ -96,7 +96,7 @@ class CTypePresentation extends React.Component<Props, State> {
       },
       {
         callback: () => {
-          PersistentStore.store.dispatch(
+          persistentStoreInstance.store.dispatch(
             UiState.Store.updateCurrentTaskAction({
               objective: MessageBodyType.REQUEST_CLAIMS_FOR_CTYPES,
               props: { cTypeHashes: [cTypeHash] } as RequestClaimsForCTypeProps,
@@ -107,7 +107,7 @@ class CTypePresentation extends React.Component<Props, State> {
       },
       {
         callback: () => {
-          PersistentStore.store.dispatch(
+          persistentStoreInstance.store.dispatch(
             UiState.Store.updateCurrentTaskAction({
               objective: MessageBodyType.REQUEST_TERMS,
               props: {
@@ -120,7 +120,7 @@ class CTypePresentation extends React.Component<Props, State> {
       },
       {
         callback: () => {
-          PersistentStore.store.dispatch(
+          persistentStoreInstance.store.dispatch(
             UiState.Store.updateCurrentTaskAction({
               objective: MessageBodyType.SUBMIT_CLAIMS_FOR_CTYPES_CLASSIC,
               props: { cTypeHashes: [cTypeHash] } as SubmitClaimsForCTypeProps,
@@ -131,7 +131,7 @@ class CTypePresentation extends React.Component<Props, State> {
       },
       {
         callback: () => {
-          PersistentStore.store.dispatch(
+          persistentStoreInstance.store.dispatch(
             UiState.Store.updateCurrentTaskAction({
               objective: MessageBodyType.SUBMIT_TERMS,
               props: {
@@ -144,7 +144,7 @@ class CTypePresentation extends React.Component<Props, State> {
       },
       {
         callback: () => {
-          PersistentStore.store.dispatch(
+          persistentStoreInstance.store.dispatch(
             UiState.Store.updateCurrentTaskAction({
               objective: MessageBodyType.REQUEST_ACCEPT_DELEGATION,
               props: {
@@ -158,7 +158,7 @@ class CTypePresentation extends React.Component<Props, State> {
       },
       {
         callback: () => {
-          PersistentStore.store.dispatch(
+          persistentStoreInstance.store.dispatch(
             UiState.Store.updateCurrentTaskAction({
               objective: MessageBodyType.REQUEST_ACCEPT_DELEGATION,
               props: {

diff --git a/src/components/ContactPresentation/ContactPresentation.tsx b/src/components/ContactPresentation/ContactPresentation.tsx
@@ -11,7 +11,8 @@ import ContactRepository from '../../services/ContactRepository'
 import * as Contacts from '../../state/ducks/Contacts'
 import * as Wallet from '../../state/ducks/Wallet'
 import * as UiState from '../../state/ducks/UiState'
-import PersistentStore, {
+import {
+  persistentStoreInstance,
   State as ReduxState,
 } from '../../state/PersistentStore'
 import { IContact, IMyIdentity } from '../../types/Contact'
@@ -85,7 +86,7 @@ class ContactPresentation extends React.Component<Props, State> {
 
     actions.push({
       callback: () => {
-        PersistentStore.store.dispatch(
+        persistentStoreInstance.store.dispatch(
           UiState.Store.updateCurrentTaskAction({
             objective: MessageBodyType.REQUEST_CLAIMS_FOR_CTYPES,
             props: {
@@ -99,7 +100,7 @@ class ContactPresentation extends React.Component<Props, State> {
 
     actions.push({
       callback: () => {
-        PersistentStore.store.dispatch(
+        persistentStoreInstance.store.dispatch(
           UiState.Store.updateCurrentTaskAction({
             objective: MessageBodyType.REQUEST_TERMS,
             props: {
@@ -113,7 +114,7 @@ class ContactPresentation extends React.Component<Props, State> {
 
     actions.push({
       callback: () => {
-        PersistentStore.store.dispatch(
+        persistentStoreInstance.store.dispatch(
           UiState.Store.updateCurrentTaskAction({
             objective: MessageBodyType.SUBMIT_CLAIMS_FOR_CTYPES_CLASSIC,
             props: {
@@ -127,7 +128,7 @@ class ContactPresentation extends React.Component<Props, State> {
 
     actions.push({
       callback: () => {
-        PersistentStore.store.dispatch(
+        persistentStoreInstance.store.dispatch(
           UiState.Store.updateCurrentTaskAction({
             objective: MessageBodyType.SUBMIT_TERMS,
             props: {
@@ -141,7 +142,7 @@ class ContactPresentation extends React.Component<Props, State> {
 
     actions.push({
       callback: () => {
-        PersistentStore.store.dispatch(
+        persistentStoreInstance.store.dispatch(
           UiState.Store.updateCurrentTaskAction({
             objective: MessageBodyType.REQUEST_ACCEPT_DELEGATION,
             props: {
@@ -156,7 +157,7 @@ class ContactPresentation extends React.Component<Props, State> {
 
     actions.push({
       callback: () => {
-        PersistentStore.store.dispatch(
+        persistentStoreInstance.store.dispatch(
           UiState.Store.updateCurrentTaskAction({
             objective: MessageBodyType.REQUEST_ACCEPT_DELEGATION,
             props: {
@@ -186,7 +187,7 @@ class ContactPresentation extends React.Component<Props, State> {
     const { address } = this.props
 
     const myIdentity: IMyIdentity = Wallet.getIdentity(
-      PersistentStore.store.getState(),
+      persistentStoreInstance.store.getState(),
       address
     )
 
@@ -197,7 +198,7 @@ class ContactPresentation extends React.Component<Props, State> {
     const { contact } = this.state
 
     const selectedIdentity = Wallet.getSelectedIdentity(
-      PersistentStore.store.getState()
+      persistentStoreInstance.store.getState()
     )
 
     if (contact) {
@@ -211,7 +212,9 @@ class ContactPresentation extends React.Component<Props, State> {
         },
         publicIdentity,
       }
-      PersistentStore.store.dispatch(Contacts.Store.addContact(myContact))
+      persistentStoreInstance.store.dispatch(
+        Contacts.Store.addContact(myContact)
+      )
       this.setState({
         contact: myContact,
       })
@@ -222,7 +225,9 @@ class ContactPresentation extends React.Component<Props, State> {
     const { address } = this.props
 
     if (address) {
-      PersistentStore.store.dispatch(Contacts.Store.removeMyContact(address))
+      persistentStoreInstance.store.dispatch(
+        Contacts.Store.removeMyContact(address)
+      )
     }
   }
 

diff --git a/src/components/DelegationNode/DelegationNode.tsx b/src/components/DelegationNode/DelegationNode.tsx
@@ -20,7 +20,7 @@ import FeedbackService, {
 import * as Delegations from '../../state/ducks/Delegations'
 import { IMyDelegation } from '../../state/ducks/Delegations'
 import * as UiState from '../../state/ducks/UiState'
-import PersistentStore from '../../state/PersistentStore'
+import { persistentStoreInstance } from '../../state/PersistentStore'
 import { IMyIdentity } from '../../types/Contact'
 import {
   IBlockingNotification,
@@ -75,7 +75,7 @@ type State = {
 
 class DelegationNode extends React.Component<Props, State> {
   private static inviteContactsTo(delegation: IMyDelegation): void {
-    PersistentStore.store.dispatch(
+    persistentStoreInstance.store.dispatch(
       UiState.Store.updateCurrentTaskAction({
         objective: MessageBodyType.REQUEST_ACCEPT_DELEGATION,
         props: {
@@ -105,7 +105,7 @@ class DelegationNode extends React.Component<Props, State> {
     const { node } = this.state
 
     const myDelegation = Delegations.getDelegation(
-      PersistentStore.store.getState(),
+      persistentStoreInstance.store.getState(),
       node.delegation.id
     )
 

diff --git a/src/components/DevTools/DevTools.attestations.tsx b/src/components/DevTools/DevTools.attestations.tsx
@@ -16,7 +16,7 @@ import MessageRepository from '../../services/MessageRepository'
 import * as Claims from '../../state/ducks/Claims'
 import * as Attestations from '../../state/ducks/Attestations'
 import { IMyDelegation } from '../../state/ducks/Delegations'
-import PersistentStore from '../../state/PersistentStore'
+import { persistentStoreInstance } from '../../state/PersistentStore'
 import { IMyIdentity } from '../../types/Contact'
 import { ICTypeWithMetadata } from '../../types/Ctype'
 import { BsClaim, BsClaimsPool, BsClaimsPoolElement } from './DevTools.claims'
@@ -97,13 +97,15 @@ class BsAttestation {
     // import to claimers claim
     // therefore switch to claimer identity
     BsIdentity.selectIdentity(claimerIdentity)
-    PersistentStore.store.dispatch(
+    persistentStoreInstance.store.dispatch(
       Claims.Store.addRequestForAttestation(
         requestForAttestation,
         attesterIdentity.identity.address
       )
     )
-    PersistentStore.store.dispatch(Claims.Store.addAttestedClaim(attestedClaim))
+    persistentStoreInstance.store.dispatch(
+      Claims.Store.addAttestedClaim(attestedClaim)
+    )
 
     if (withMessages) {
       BsAttestation.sendMessages(

diff --git a/src/components/DevTools/DevTools.claims.tsx b/src/components/DevTools/DevTools.claims.tsx
@@ -1,7 +1,7 @@
 import { Claim, CType, IClaim } from '@kiltprotocol/sdk-js'
 
 import * as Claims from '../../state/ducks/Claims'
-import PersistentStore from '../../state/PersistentStore'
+import { persistentStoreInstance } from '../../state/PersistentStore'
 import { BsCType, BsCTypesPool } from './DevTools.ctypes'
 import { BsIdentitiesPool, BsIdentity } from './DevTools.wallet'
 
@@ -34,7 +34,7 @@ class BsClaim {
       identity.identity.address
     )
 
-    PersistentStore.store.dispatch(
+    persistentStoreInstance.store.dispatch(
       Claims.Store.saveAction(claim, { alias: bsClaimData.alias })
     )
 
@@ -72,7 +72,7 @@ class BsClaim {
     const bsClaim = await BsClaim.getBsClaimByKey(bsClaimKey)
     BsIdentity.selectIdentity(await BsIdentity.getByKey(bsClaim.claimerKey))
     const myClaims: Claims.Entry[] = Claims.getClaims(
-      PersistentStore.store.getState()
+      persistentStoreInstance.store.getState()
     )
     const myClaim: Claims.Entry | undefined = myClaims.find(
       (claim: Claims.Entry) => claim.meta.alias === bsClaim.alias

diff --git a/src/components/DevTools/DevTools.delegations.tsx b/src/components/DevTools/DevTools.delegations.tsx
@@ -15,7 +15,7 @@ import DelegationsService from '../../services/DelegationsService'
 import MessageRepository from '../../services/MessageRepository'
 import * as Delegations from '../../state/ducks/Delegations'
 import { DelegationType, IMyDelegation } from '../../state/ducks/Delegations'
-import PersistentStore from '../../state/PersistentStore'
+import { persistentStoreInstance } from '../../state/PersistentStore'
 import { IMyIdentity } from '../../types/Contact'
 import { ICTypeWithMetadata } from '../../types/Ctype'
 import { BsCType, BsCTypesPool } from './DevTools.ctypes'
@@ -260,7 +260,7 @@ class BsDelegation {
     if (match) {
       BsIdentity.selectIdentity(await BsIdentity.getByKey(match.ownerKey))
       const allDelegations: IMyDelegation[] = Delegations.getAllDelegations(
-        PersistentStore.store.getState()
+        persistentStoreInstance.store.getState()
       )
 
       const myDelegation = allDelegations.find(
@@ -288,7 +288,7 @@ class BsDelegation {
     const bsDelegation = pool[bsDelegationKey]
     if (bsDelegation) {
       // the current pool contains the requested delegation
-      Delegations.getAllDelegations(PersistentStore.store.getState())
+      Delegations.getAllDelegations(persistentStoreInstance.store.getState())
       return pool[bsDelegationKey]
     }
     // dive deeper

diff --git a/src/components/DevTools/DevTools.tsx b/src/components/DevTools/DevTools.tsx
@@ -13,7 +13,7 @@ import { BsDelegation, BsDelegationsPool } from './DevTools.delegations'
 import { BsIdentitiesPool, BsIdentity } from './DevTools.wallet'
 import * as Wallet from '../../state/ducks/Wallet'
 import * as Balances from '../../state/ducks/Balances'
-import PersistentStore from '../../state/PersistentStore'
+import { persistentStoreInstance } from '../../state/PersistentStore'
 import { IMyIdentity } from '../../types/Contact'
 import identitiesPool from './data/identities.json'
 
@@ -128,12 +128,12 @@ class DevTools extends React.Component<Props> {
     ]
 
     const selectedIdentity: IMyIdentity = Wallet.getSelectedIdentity(
-      PersistentStore.store.getState()
+      persistentStoreInstance.store.getState()
     )
 
     const balance: BN = selectedIdentity
       ? Balances.getBalance(
-          PersistentStore.store.getState(),
+          persistentStoreInstance.store.getState(),
           selectedIdentity.identity.address
         )
       : new BN(0)