From 21d19c2e5d72cd03c0bb49da19212ae03fe6b5a0 Mon Sep 17 00:00:00 2001
From: Sapayth Hossain <sapayth@users.noreply.github.com>
Date: Mon, 25 Nov 2024 20:33:13 +0600
Subject: [PATCH] icon for image upload button

---
 .../js/components/form-image_upload/template.php     | 10 +++++++++-
 assets/js-templates/form-components.php              | 12 ++++++++++--
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/admin/form-builder/assets/js/components/form-image_upload/template.php b/admin/form-builder/assets/js/components/form-image_upload/template.php
index 81c8d7ab..738c7f6a 100644
--- a/admin/form-builder/assets/js/components/form-image_upload/template.php
+++ b/admin/form-builder/assets/js/components/form-image_upload/template.php
@@ -1,11 +1,19 @@
 <div class="wpuf-fields">
     <div :id="'wpuf-img_label-' + field.id + '-upload-container'">
         <div class="wpuf-attachment-upload-filelist" data-type="file" data-required="yes">
-            <a :class="builder_class_names('upload_btn')" href="#">
+            <a
+                class="wpuf-inline-flex wpuf-items-center wpuf-gap-x-1.5"
+                :class="builder_class_names('upload_btn')" href="#">
                 <template v-if="field.button_label === ''">
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="wpuf-size-5">
+                        <path d="M8.75 3.75a.75.75 0 0 0-1.5 0v3.5h-3.5a.75.75 0 0 0 0 1.5h3.5v3.5a.75.75 0 0 0 1.5 0v-3.5h3.5a.75.75 0 0 0 0-1.5h-3.5v-3.5Z" />
+                    </svg>
                     <?php _e( 'Select Image', 'wp-user-frontend' ); ?>
                 </template>
                 <template v-else>
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="wpuf-size-5">
+                        <path d="M8.75 3.75a.75.75 0 0 0-1.5 0v3.5h-3.5a.75.75 0 0 0 0 1.5h3.5v3.5a.75.75 0 0 0 1.5 0v-3.5h3.5a.75.75 0 0 0 0-1.5h-3.5v-3.5Z" />
+                    </svg>
                     {{ field.button_label }}
                 </template>
             </a>
diff --git a/assets/js-templates/form-components.php b/assets/js-templates/form-components.php
index d07d6e17..20b4ccaf 100644
--- a/assets/js-templates/form-components.php
+++ b/assets/js-templates/form-components.php
@@ -761,7 +761,7 @@ class="wpuf-block wpuf-w-full wpuf-min-w-full wpuf-rounded-md wpuf-py-1.5 wpuf-t
 <div class="wpuf-fields">
     <div :id="'wpuf-img_label-' + field.id + '-upload-container'">
         <div class="wpuf-attachment-upload-filelist" data-type="file" data-required="yes">
-            <a class="wpuf-inline-flex wpuf-items-center wpuf-gap-x-1.5 "
+            <a class="wpuf-inline-flex wpuf-items-center wpuf-gap-x-1.5"
                :class="builder_class_names('upload_btn')" href="#">
                 <template v-if="field.button_label === ''">
                     <?php _e( 'Select Image', 'wp-user-frontend' ); ?>
@@ -836,11 +836,19 @@ class="button"
 <div class="wpuf-fields">
     <div :id="'wpuf-img_label-' + field.id + '-upload-container'">
         <div class="wpuf-attachment-upload-filelist" data-type="file" data-required="yes">
-            <a :class="builder_class_names('upload_btn')" href="#">
+            <a
+                class="wpuf-inline-flex wpuf-items-center wpuf-gap-x-1.5"
+                :class="builder_class_names('upload_btn')" href="#">
                 <template v-if="field.button_label === ''">
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="wpuf-size-5">
+                        <path d="M8.75 3.75a.75.75 0 0 0-1.5 0v3.5h-3.5a.75.75 0 0 0 0 1.5h3.5v3.5a.75.75 0 0 0 1.5 0v-3.5h3.5a.75.75 0 0 0 0-1.5h-3.5v-3.5Z" />
+                    </svg>
                     <?php _e( 'Select Image', 'wp-user-frontend' ); ?>
                 </template>
                 <template v-else>
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="wpuf-size-5">
+                        <path d="M8.75 3.75a.75.75 0 0 0-1.5 0v3.5h-3.5a.75.75 0 0 0 0 1.5h3.5v3.5a.75.75 0 0 0 1.5 0v-3.5h3.5a.75.75 0 0 0 0-1.5h-3.5v-3.5Z" />
+                    </svg>
                     {{ field.button_label }}
                 </template>
             </a>