fix: first vote, remove flash notices

Author: AlexStavrianos

app/assets/stylesheets/components/_movie_list.css

@@ -39,7 +39,17 @@
       align-items: center;
       gap: 0.25rem;
     }
+  }
+
+  .no-vote-wrapper {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 1rem;
+  }
 
+  .vote-wrapper,
+  .no-vote-wrapper {
     .vote-submit {
       background: none;
       padding: 0;

app/views/components/_no_votes_yet.html.erb

@@ -1,4 +1,15 @@
 
 <% if authenticated? and !current_user.has_submitted?(movie)%>
-    Be the first to vote for this movie: <a>Like</a> | <a>Hate</a>
+    <div class="no-vote-wrapper">
+        <span> Be the first to vote for this movie: </span>
+        <%= form_with(url: movie_votes_path(movie.id), scope: :vote, method: :post) do |f| %>
+            <%= f.hidden_field(:vote_type, value: :like) %>
+            <%= f.submit "Like", class: "vote-submit"%>
+        <% end %>
+        |
+        <%= form_with(url: movie_votes_path(movie.id), scope: :vote, method: :post) do |f| %>
+            <%= f.hidden_field(:vote_type, value: :dislike) %>
+            <%= f.submit "Hate", class: "vote-submit"%>
+      <% end %>
+    </div>
 <% end %>

app/views/sessions/new.html.erb

@@ -5,7 +5,6 @@
   </div>
 
   <%= tag.div(flash[:alert], style: "color:red") if flash[:alert] %>
-  <%= tag.div(flash[:notice], style: "color:green") if flash[:notice] %>
 
   <%= form_with url: create_session_path, class: 'form' do |form| %>
     <div class="form-input">

app/views/users/new.html.erb

@@ -5,7 +5,6 @@
   </div>
 
   <%= tag.div(flash[:alert], style: "color:red") if flash[:alert] %>
-  <%= tag.div(flash[:notice], style: "color:green") if flash[:notice] %>
 
   <%= form_with url: users_path, scope: :user, class: 'form' do |form| %>
     <div class="form-input">