Show vaults in Relation-screen

src/styles/component/elementRelationName.ts

@@ -1,8 +1,10 @@
 // This file has been generated with expo-export@3.6.1, a Sketch plugin.
-import { Component, Link } from '../Component'
+import { Component, Link, Text } from '../Component'
 import { elementBottomButton } from './elementBottomButton'
 import { elementFormInputField } from './elementFormInputField'
 import { elementAvatarGenerate } from './elementAvatarGenerate'
+import { elementVaultSelectListItem } from './elementVaultSelectListItem'
+import { TextStyles } from '../TextStyles'
 import { Color } from '../Color'
 
 /* eslint-disable lines-between-class-members */
@@ -16,8 +18,14 @@ export class ElementRelationNameClass extends Component {
     caption: 'only you will see this name.'
   })
   elementAvatarGenerate = new Link(elementAvatarGenerate, { x: 57, y: 136, w: 239, h: 210 }, {})
+  elementVaultSelectListItem = new Link(elementVaultSelectListItem, { x: 0, y: 430, w: 375, h: 100 }, {})
+  elementVaultSelectListItemCopy = new Link(elementVaultSelectListItem, { x: 0, y: 530, w: 375, h: 100 }, {})
+  description: Text
+  title: Text
   constructor () {
     super('elementRelationName', 375, 970, Color.white)
+    this.description = new Text('<Unnamed> does not have yet either received or accepted any request from you to lock one of your vault.\n\nIn the vault of your choice, add a lockee and select <Unnamed>.', TextStyles.BodyRobotoRegular18BlueCenter, { x: 52, y: 430, w: 270, h: 245 }, this)
+    this.title = new Text('is locking:', TextStyles.H2PalanquinDarkMedium36BlackCenter, { x: 106.5, y: 358, w: 162, h: 36 }, this)
   }
 }
 

src/styles/component/elementVaultSelectListCancel.ts

@@ -0,0 +1,37 @@
+// This file has been generated with expo-export@3.6.1, a Sketch plugin.
+import { Component, ImagePlacement, Text } from '../Component'
+import { Asset } from '../../Asset'
+import { TextStyles } from '../TextStyles'
+import { Color } from '../Color'
+
+/* eslint-disable lines-between-class-members */
+export class ElementVaultSelectListCancelClass extends Component {
+  icon: ImagePlacement
+  iconLabel: Text
+  vaultName: Text
+  vaultID: Text
+  state: Text
+  constructor () {
+    super('elementVaultSelectListCancel', 375, 100)
+    this.icon = new ImagePlacement(Asset.iconDeleteGrey, { x: 311.5, y: 23, w: 48, h: 48 }, this)
+    this.iconLabel = new Text('Cancel', {
+      ...TextStyles.BodyRobotoRegular18RedCenter,
+      color: Color.activeGrey
+    }, { x: 302, y: 60, w: 67, h: 20 }, this)
+    this.vaultName = new Text('Vault  Name', TextStyles.H5RobotoRegular24BlackLeft, { x: 31, y: 20, w: 260, h: 36 }, this)
+    this.vaultID = new Text('A67F-BB3C-1A89-23C4', {
+      ...TextStyles.BodyRobotoRegular18BlackLeft,
+      color: Color.darkGrey,
+      fontSize: 14
+    }, { x: 31, y: 55, w: 245, h: 24 }, this)
+    this.state = new Text('pending…', {
+      ...TextStyles.H6RobotoMedium18BlackLeft,
+      color: Color.darkGrey,
+      fontSize: 12,
+      textAlign: 'right',
+      textAlignVertical: 'top'
+    }, { x: 310, y: 12, w: 51, h: 16 }, this)
+  }
+}
+
+export const elementVaultSelectListCancel = new ElementVaultSelectListCancelClass()

src/styles/component/elementVaultSelectListItem.ts

@@ -0,0 +1,24 @@
+// This file has been generated with expo-export@3.6.1, a Sketch plugin.
+import { Component, Text, ImagePlacement } from '../Component'
+import { TextStyles } from '../TextStyles'
+import { Color } from '../Color'
+import { Asset } from '../../Asset'
+
+/* eslint-disable lines-between-class-members */
+export class ElementVaultSelectListItemClass extends Component {
+  vaultName: Text
+  vaultID: Text
+  icon: ImagePlacement
+  constructor () {
+    super('elementVaultSelectListItem', 375, 100)
+    this.vaultName = new Text('Vault  Name', TextStyles.H5RobotoRegular24BlackLeft, { x: 31, y: 20, w: 260, h: 36 }, this)
+    this.vaultID = new Text('A67F-BB3C-1A89-23C4', {
+      ...TextStyles.BodyRobotoRegular18BlackLeft,
+      color: Color.darkGrey,
+      fontSize: 14
+    }, { x: 31, y: 55, w: 245, h: 24 }, this)
+    this.icon = new ImagePlacement(Asset.iconForwardGrey, { x: 315, y: 20, w: 60, h: 60 }, this)
+  }
+}
+
+export const elementVaultSelectListItem = new ElementVaultSelectListItemClass()

src/styles/component/elementVaultSelectListRevoke.ts

@@ -0,0 +1,26 @@
+// This file has been generated with expo-export@3.6.1, a Sketch plugin.
+import { Component, ImagePlacement, Text } from '../Component'
+import { Asset } from '../../Asset'
+import { TextStyles } from '../TextStyles'
+import { Color } from '../Color'
+
+/* eslint-disable lines-between-class-members */
+export class ElementVaultSelectListRevokeClass extends Component {
+  icon: ImagePlacement
+  iconLabel: Text
+  vaultName: Text
+  vaultID: Text
+  constructor () {
+    super('elementVaultSelectListRevoke', 375, 100)
+    this.icon = new ImagePlacement(Asset.iconDeleteRed, { x: 311.5, y: 23, w: 48, h: 48 }, this)
+    this.iconLabel = new Text('Revoke', TextStyles.BodyRobotoRegular18RedCenter, { x: 302, y: 60, w: 67, h: 20 }, this)
+    this.vaultName = new Text('Vault  Name', TextStyles.H5RobotoRegular24BlackLeft, { x: 31, y: 20, w: 260, h: 36 }, this)
+    this.vaultID = new Text('A67F-BB3C-1A89-23C4', {
+      ...TextStyles.BodyRobotoRegular18BlackLeft,
+      color: Color.darkGrey,
+      fontSize: 14
+    }, { x: 31, y: 55, w: 245, h: 24 }, this)
+  }
+}
+
+export const elementVaultSelectListRevoke = new ElementVaultSelectListRevokeClass()