Fixes (#1274)

* set SASS container to build from dev dockerfile not production one; fix adoption applications error - missing permitted param

* Update card component to enable customizing the images being passed to it

app/components/application_component.rb

@@ -11,6 +11,7 @@ module Types
     ImageTagSource =
       Types::String |
       Types::Symbol |
+      Types::Integer |
       Types::Nil |
       Types::Instance(ActiveStorage::Attachment) |
       Types::Instance(ActiveStorage::Attached::One) |

app/components/card_component.html.erb

@@ -1,7 +1,7 @@
 <div class="<%= card_options[:class] %>">
   <% if image_options[:url] %>
     <%= link_to image_options[:url] do %>
-      <%= image_tag image_src, class: image_options[:class] %>
+      <%= image_tag image_src, class: image_options[:class], height: image_options[:height], style: image_options[:style] %>
       <% if badge? %>
         <div class="position-absolute top-0 end-0 m-2">
           <%= badge %>

app/components/card_component.rb

@@ -25,6 +25,8 @@ class CardComponent < ApplicationComponent
       src?: Types::ImageTagSource,
       class?: Types::String.default("card-img-top"),
       url?: Types::String,
+      style: Types::String.default("object-fit: cover;"),
+      height?: Types::Integer.default(150),
       default?: Types::ImageTagSource.default("coming_soon.jpg")
     ),
     default: -> { {} }

app/controllers/organizations/adopter_fosterer/adopter_applications_controller.rb

@@ -50,7 +50,8 @@ def application_params
       :pet_id,
       :form_submission_id,
       :status,
-      :profile_show
+      :profile_show,
+      :person_id
     )
   end
 end

app/views/organizations/adoptable_pets/index.html.erb

@@ -65,7 +65,7 @@
         <div class="col-lg-4 col-md-6 p-0">
           <%= render CardComponent.new(
             card_options: {class: "card card-hover m-4"},
-            image_options: {src: pet.images.first, url: adoptable_pet_path(pet)}
+            image_options: {src: pet.images.first, url: adoptable_pet_path(pet), height: 275}
           ) do |c| %>
             <%= c.with_badge do %>
               <%= render BadgeComponent.new("Adoption Pending", class: "badge bg-info", when: pet.has_adoption_pending?) %>

app/views/organizations/adopter_fosterer/likes/index.html.erb

@@ -8,7 +8,7 @@
             <div class="col-lg-4 col-md-6 p-0">
               <%= render CardComponent.new(
                 card_options: {class: "card card-hover m-4"},
-                image_options: {src: pet.images.first, url: adoptable_pet_path(pet)}
+                image_options: {src: pet.images.first, url: adoptable_pet_path(pet), height: 200},
               ) do |c| %>
                 <%= c.with_badge do %>
                   <%= render BadgeComponent.new(t("general.adoption_pending"), class: "badge bg-info", when: pet.has_adoption_pending?) %>

docker-compose.yml

@@ -20,7 +20,6 @@ services:
     command: bash -c "rm -f tmp/pids/server.pid && bundle install && bundle exec rails s -b '0.0.0.0'"
     volumes:
       - .:/petrescue
-
     ports:
       - "3000:3000"
     depends_on:
@@ -33,7 +32,9 @@ services:
     tty: true
 
   sass:
-    build: .
+    build:
+      context: .
+      dockerfile: dockerfile.dev
     command: bash -c "bundle install && bundle exec rails dartsass:watch"
     volumes:
       - .:/petrescue