From 018fcbcb5c3a4d470ad4ac98071b5a2d4b9d61df Mon Sep 17 00:00:00 2001
From: Pavel Prichodko <14926950+prichodko@users.noreply.github.com>
Date: Mon, 16 Jan 2023 13:12:29 +0100
Subject: [PATCH] use sidebar in mobile

---
 apps/mobile/App.tsx | 24 ++++++++++++++++++++++--
 1 file changed, 22 insertions(+), 2 deletions(-)

diff --git a/apps/mobile/App.tsx b/apps/mobile/App.tsx
index 04b5b6f1..f3c73f69 100644
--- a/apps/mobile/App.tsx
+++ b/apps/mobile/App.tsx
@@ -2,9 +2,17 @@
 /* eslint-disable import/namespace */
 import 'expo-dev-client'
 
-import React, { useState } from 'react'
+import { useState } from 'react'
 
-import { Code, Heading, Label, Paragraph, Shape } from '@status-im/components'
+import {
+  Code,
+  Heading,
+  Image,
+  Label,
+  Paragraph,
+  Shape,
+  Sidebar,
+} from '@status-im/components'
 import { Stack, TamaguiProvider } from '@tamagui/core'
 import { useFonts } from 'expo-font'
 import { SafeAreaView, TouchableOpacity } from 'react-native'
@@ -29,6 +37,18 @@ export default function App() {
   return (
     <TamaguiProvider config={tamaguiConfig} defaultTheme={theme}>
       <SafeAreaView>
+        <Image
+          source={{
+            uri: 'https://images.unsplash.com/photo-1673537074513-e66435b69012?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80',
+            height: 200,
+            width: '100%',
+          }}
+        />
+        <Sidebar
+          name="Rarible"
+          description="Multichain community-centric NFT marketplace. Create, buy and sell your NFTs."
+          membersCount={123}
+        />
         <Stack
           flexDirection="column"
           justifyContent="center"