feat: add loader after selecting PDS (#32)

lib/components/wizard/PDS.js

@@ -1,11 +1,17 @@
 import React, { Component } from 'react'
 import { Image, View } from 'react-native'
 import { H1, Paragraph } from '../typography/Typography'
+import { Wrap } from '../view/Wrapper'
 import { PrimaryButton } from '../elements/Button/Button'
+import { Spinner } from '../elements/Spinner/Spinner'
 
 import dropbox from '../../services/dropbox'
 
 export default class PDS extends Component {
+  state = {
+    loading: false,
+  }
+
   connectToDropbox = async () => {
     dropbox.once('connect', pds => {
       this.props.onConnect(pds)
@@ -15,14 +21,22 @@ export default class PDS extends Component {
   }
 
   useMem = () => {
+    this.setState(prevState => ({ ...prevState, loading: true }))
     this.props.onConnect({
       provider: 'memory',
       access_token: 'nope',
     })
   }
 
   render() {
-    return (
+    return this.state.loading ? (
+      <Wrap>
+        <Spinner />
+        <Paragraph align="center" style={{ marginTop: 24 }}>
+          Ansluter...
+        </Paragraph>
+      </Wrap>
+    ) : (
       <>
         <H1>Lagring</H1>
         <Image