refactor/Move user profile section from vue component

Author: LewisYoul

app/controllers/users_controller.rb

@@ -33,20 +33,24 @@ def follow
     @user = User.find_by(id: params[:id])
 
     if current_user.follow(@user)
-      render json: { message: "You are now following #{@user.name}." }
+      flash[:notice] = "You are now following #{@user.name}."
     else
-      render json: { message: "You are already following #{@user.name} you nutter!" }, status: 400
+      flash[:alert] = "You are already following #{@user.name} you nutter!"
     end
+
+    redirect_to user_path(@user)
   end
 
   def unfollow
     @user = User.find_by(id: params[:id])
 
     if current_user.unfollow(@user)
-      render json: { message: "You are no longer following #{@user.name}." }
+      flash[:notice] = "You are no longer following #{@user.name}."
     else
-      render json: { message: "You can't unfollow someone you aren't following you nutter!" }, status: 400
+      flash[:alert] = "You can't unfollow someone you aren't following you nutter!"
     end
+
+    redirect_to user_path(@user)
   end
 
   private

app/views/users/show.html.erb

@@ -1,9 +1,30 @@
-<card>
-  <user-profile
-    :user="<%= @serialized_user %>"
-    :is-following="<%= @is_following %>"
-  />
-</card>
+<div class="card--container card--container-padding">
+  <div class="flex v-center">
+    <div class="flex flex-column">
+      <img style="border-radius: 50%;" src="<%= @user.avatar_url %>" height="120" width="120" />
+    </div>
+    <div class="margin-left">
+      <h2 class="users-show--name"><%= @user.name %></h2>
+      <div style="height: 40px;">
+        <span><%= @user.bio %></span>
+      </div>
+    </div>
+  </div>
+
+  <div class="margin-top flex space-between">
+    <% if user_signed_in? %>
+      <% if @user == current_user %>
+        <%= button_to 'EDIT PROFILE', edit_user_registration_path, method: :get, class: 'button--cta-follow' %>
+      <% elsif current_user.following?(@user) %>
+        <%= button_to 'FOLLOWING', unfollow_user_path(@user), class: 'button--cta-unfollow' %>
+      <% else %>
+        <%= button_to 'FOLLOW', follow_user_path(@user), class: 'button--cta-follow' %>
+      <% end %>
+    <% else %>
+      <%= button_to 'FOLLOW', new_user_registration_path, method: :get, class: 'button--cta-follow' %>
+    <% end %>
+  </div>
+</div>
 
 <div data-controller="tabs">
   <div class="tabs--headers-container">