From 242b068cf411958dafc52622f173a4f5356bf838 Mon Sep 17 00:00:00 2001
From: Hristo Nedelkov <hristo.nedelkow@gmail.com>
Date: Tue, 29 Aug 2023 11:16:59 +0300
Subject: [PATCH] Create confeti effect

---
 .../Activation/Activation.tsx                   | 17 +++++++++++++++--
 .../ValidatorSetup/CompleteSetup.tsx            | 16 ----------------
 2 files changed, 15 insertions(+), 18 deletions(-)
 delete mode 100644 src/pages/ValidatorOnboarding/ValidatorSetup/CompleteSetup.tsx

diff --git a/src/pages/ValidatorOnboarding/Activation/Activation.tsx b/src/pages/ValidatorOnboarding/Activation/Activation.tsx
index ac053936..8954b8d4 100644
--- a/src/pages/ValidatorOnboarding/Activation/Activation.tsx
+++ b/src/pages/ValidatorOnboarding/Activation/Activation.tsx
@@ -1,7 +1,20 @@
-import { YStack } from 'tamagui'
+import { XStack, Stack, YStack } from 'tamagui'
+import { Text } from '@status-im/components'
+import Confetti from 'react-confetti'
 
 const Activation = () => {
-  return <YStack style={{ padding: '16px 32px' }}></YStack>
+  return (
+    <Stack>
+      <Confetti width={1000} height={800} />
+      <YStack style={{ width: '100%', padding: '16px 32px' }}>
+        <XStack justifyContent={'space-between'} style={{ marginBottom: '10px' }}>
+          <Text size={27} weight={'semibold'}>
+            Validator Setup
+          </Text>
+        </XStack>
+      </YStack>
+    </Stack>
+  )
 }
 
 export default Activation
diff --git a/src/pages/ValidatorOnboarding/ValidatorSetup/CompleteSetup.tsx b/src/pages/ValidatorOnboarding/ValidatorSetup/CompleteSetup.tsx
deleted file mode 100644
index f602642f..00000000
--- a/src/pages/ValidatorOnboarding/ValidatorSetup/CompleteSetup.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { XStack, Stack, YStack } from 'tamagui'
-import { Text } from '@status-im/components'
-import { useState } from 'react'
-const CompleteSetup = () => {
-  return (
-    <YStack style={{ width: '100%', padding: '16px 32px' }}>
-      <XStack justifyContent={'space-between'} style={{ marginBottom: '10px' }}>
-        <Text size={27} weight={'semibold'}>
-          Validator Setup
-        </Text>
-      </XStack>
-    </YStack>
-  )
-}
-
-export default CompleteSetup