From 5ce691fd1fda5a52ace752a6ccf9076713fa9971 Mon Sep 17 00:00:00 2001
From: WaDadidou <wadadidou@gmail.com>
Date: Tue, 8 Oct 2024 16:54:06 -0400
Subject: [PATCH] chore: Launchpad Create: factorize ResetAllButton

---
 .../LaunchpadAssetsAndMetadata/AssetsTab.tsx  | 58 +++++++++++--------
 1 file changed, 33 insertions(+), 25 deletions(-)

diff --git a/packages/screens/Launchpad/LaunchpadApply/LaunchpadCreate/components/steps/LaunchpadAssetsAndMetadata/AssetsTab.tsx b/packages/screens/Launchpad/LaunchpadApply/LaunchpadCreate/components/steps/LaunchpadAssetsAndMetadata/AssetsTab.tsx
index 540742ad1..82b5cc093 100644
--- a/packages/screens/Launchpad/LaunchpadApply/LaunchpadCreate/components/steps/LaunchpadAssetsAndMetadata/AssetsTab.tsx
+++ b/packages/screens/Launchpad/LaunchpadApply/LaunchpadCreate/components/steps/LaunchpadAssetsAndMetadata/AssetsTab.tsx
@@ -1,5 +1,5 @@
 import { parse } from "papaparse";
-import React, { useEffect, useRef, useState } from "react";
+import React, { FC, useEffect, useRef, useState } from "react";
 import { useFieldArray, useFormContext } from "react-hook-form";
 import { SafeAreaView, TouchableOpacity, View } from "react-native";
 
@@ -667,30 +667,7 @@ export const AssetsTab: React.FC = () => {
                   <SpacerColumn size={2} />
                   <Separator />
                   <SpacerColumn size={2} />
-                  <TouchableOpacity
-                    style={{
-                      flexDirection: "row",
-                      alignItems: "center",
-                      justifyContent: "center",
-                      height: 32,
-                      paddingHorizontal: layout.spacing_x2,
-                      borderRadius: 999,
-                      borderWidth: 1,
-                      borderColor: errorColor,
-                    }}
-                    onPress={resetAll}
-                  >
-                    <SVG source={trashSVG} width={16} height={16} />
-                    <SpacerRow size={1} />
-                    <BrandText
-                      style={[
-                        fontSemibold14,
-                        { color: errorColor, lineHeight: layout.spacing_x2 },
-                      ]}
-                    >
-                      Remove all files
-                    </BrandText>
-                  </TouchableOpacity>
+                  <ResetAllButton onPress={resetAll} />
                 </>
               )}
             </View>
@@ -740,3 +717,34 @@ export const AssetsTab: React.FC = () => {
     </SafeAreaView>
   );
 };
+
+const ResetAllButton: FC<{
+  onPress: () => void;
+}> = ({ onPress }) => {
+  return (
+    <TouchableOpacity
+      style={{
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "center",
+        height: 32,
+        paddingHorizontal: layout.spacing_x2,
+        borderRadius: 999,
+        borderWidth: 1,
+        borderColor: errorColor,
+      }}
+      onPress={onPress}
+    >
+      <SVG source={trashSVG} width={16} height={16} />
+      <SpacerRow size={1} />
+      <BrandText
+        style={[
+          fontSemibold14,
+          { color: errorColor, lineHeight: layout.spacing_x2 },
+        ]}
+      >
+        Remove all files
+      </BrandText>
+    </TouchableOpacity>
+  );
+};