Re-add missing logo field for communities

Author: rsmithlal

app/views/better_together/communities/_community_fields.html.erb

@@ -100,6 +100,32 @@
         <div class="my-3 text-center preview-target" data-better_together--image-preview-target="preview" data-image-classes="cover-image" data-url="<%= community.cover_image.url if community.cover_image.attached? %>">
         </div>
       </div>
+
+      <div id="community-logo-image-fields" class="mb-3" data-controller="better_together--image-preview"
+          data-image-preview-clear-value="<%= t('globals.clear') %>"
+          data-image-preview-undo-clear-value="<%= t('globals.undo_clear') %>">
+        <%= label_tag do %>
+          <%= community.class.human_attribute_name(:logo) %>
+          <% if community.logo.attached? %>
+            : <%= community.logo.filename %>
+          <% end %>
+        <% end %>
+
+        <div class="input-group">
+          <%= form.file_field :logo, accept: acceptable_image_file_types, "data-better_together--image-preview-target" => 'input', data: { 'action' => "better_together--image-preview#preview" }, class: "form-control" %>
+          <%# Hidden field to track removal state %>
+          <%= form.hidden_field :remove_logo, value: '0', "data-better_together--image-preview-target" => "deleteField" %>
+
+          <%= button_tag t('globals.clear'), { type: 'button', class: 'btn btn-secondary', "data-better_together--image-preview-target" => "deleteButton", data: { 'action' => "better_together--image-preview#toggleDelete", 'clear-value' => t('globals.clear'), 'undo-clear-value' => t('globals.undo_clear'), 'no-image-value' => t('globals.no_image') } } %>
+        </div>
+
+        <small class="form-text text-muted"><%= t('helpers.hint.community.logo') %></small>
+
+        <!-- Image preview container -->
+        <div class="my-3 text-center preview-target" data-better_together--image-preview-target="preview" data-image-classes="profile-image" data-url="<%= community.logo.url if community.logo.attached? %>">
+          <!-- The image preview will be dynamically inserted here -->
+        </div>
+      </div>
     </div>
 
     <!-- Contact Details Tab -->