add picture to user

app/views/members/_form.html.haml

@@ -1,5 +1,5 @@
-.flex.flex-col
-  = form_for @member do |f|
+= form_for @member do |f|
+  .flex.flex-col
     - if @member.errors.any?
       #error_explanation
         %h2= "#{pluralize(@member.errors.count, "error")} prohibited this member from being saved:"
@@ -7,14 +7,23 @@
           - @member.errors.full_messages.each do |message|
             %li= message
 
+  .grid.grid-cols-2.m-20.gap-10
     .field
       = f.label :name
       = f.text_field :name
     .field
       = f.label :public
       = f.check_box :public
+    .field
+      = f.label :picture
+      = f.file_field :picture
+      -if @member.picture
+        %div.overflow-hidden
+          .my-5 Currently
+          = image_tag @member.picture, class: "object-contain h-40"
+
     .field
       = f.label :Bio
       = f.rich_text_area :bio
-    .actions
-      = f.submit 'Save'
+  .flex.justify-center.actions
+    = f.submit 'Save'

app/views/members/edit.html.haml

@@ -1,8 +1,34 @@
-.flex.justify-center
+.flex.justify-center.m-20
   .flex.flex-col
     %h1 Editing member
 
-    = render 'form'
+    = form_for @member do |f|
+      .flex.flex-col
+        - if @member.errors.any?
+          #error_explanation
+            %h2= "#{pluralize(@member.errors.count, "error")} prohibited this member from being saved:"
+            %ul
+              - @member.errors.full_messages.each do |message|
+                %li= message
 
-    = link_to 'Show', @member
-    = link_to 'Back', members_path
+      .grid.grid-cols-2.gap-10
+        .field
+          = f.label :name
+          = f.text_field :name
+        .field
+          = f.label :public
+          = f.check_box :public
+        .field
+          = f.label :picture
+          = f.file_field :picture
+          -if @member.picture
+            %div.overflow-hidden
+              .my-5 Currently
+              = image_tag @member.picture, class: "object-contain h-40"
+
+        .field
+          = f.label :Bio
+          = f.rich_text_area :bio
+      .flex.justify-center.actions.m-10
+        = f.submit 'Save'
+        .ml-20= link_to 'Back', member_path(@member)

app/views/members/show.html.haml

@@ -1,17 +1,16 @@
-.flex.justify-center
-  .flex.flex-col
-    %p
-      %b Name:
-      = @member.name
-    %p
-      %b Bio:
-      = @member.bio
-    %p
-      %b Public:
-      = @member.public
+.grid.grid-cols-2.m-20.gap-10
+  %div
+    %b Name:
+    = @member.name
+  %div
+    %b Public:
+    = @member.public
+  %div.overflow-hidden.items-align-right
+    = image_tag @member.picture, class: "object-contain h-80"
+  %div
+    %div= @member.bio
 
-    = link_to 'Edit', edit_member_path(@member)
-    = link_to 'Back', members_path
-    = form_tag( destroy_member_session_path , {method: :delete  } ) do
-      %button.bg-cyan-200.mr-3.inline-block.rounded-lg.px-4.py-3.text-md.font-medium.border.border-gray-400{type: :submit}
-        Sign out
+  = link_to 'Edit', edit_member_path(@member)
+  = form_tag( destroy_member_session_path , {method: :delete  } ) do
+    %button.bg-cyan-200.mr-3.inline-block.rounded-lg.px-4.py-3.text-md.font-medium.border.border-gray-400{type: :submit}
+      Sign out