add default label

UMAprotocol · Apr 1, 2024 · 728e26e · 728e26e
1 parent 7f5adef
commit 728e26e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/src/plugins/oSnap/components/Input/FileInput/FileInput.vue b/src/plugins/oSnap/components/Input/FileInput/FileInput.vue
@@ -8,6 +8,7 @@ const props = defineProps<{
   fileType: File['type'];
   error?: string | undefined;
   multiple?: boolean;
+  defaultLabel?: string;
 }>();
 
 const emit = defineEmits<{
@@ -107,9 +108,9 @@ watch(fileInputState, newState => {
         <template v-else-if="fileInputState === 'VALID' && file">{{
           file.name
         }}</template>
-        <template v-else="fileInputState === 'IDLE'"
-          >Click to select file, or drag n drop</template
-        >
+        <template v-else="fileInputState === 'IDLE'">{{
+          props.defaultLabel ?? 'Click to select file, or drag n drop'
+        }}</template>
       </span>
     </div>
 

diff --git a/src/plugins/oSnap/components/TransactionBuilder/TransactionImport.vue b/src/plugins/oSnap/components/TransactionBuilder/TransactionImport.vue
@@ -67,10 +67,10 @@ watch(safeFile, safeFile => {
 </script>
 
 <template>
-  <div class="text-skin-link mt-2">Import from Safe, or use the builder</div>
   <FileInput
     :error="error"
     @update:file="handleFileChange"
     :file-type="'application/json'"
+    :defaultLabel="'Import transactions from Safe file, drag and drop'"
   />
 </template>