404 and like button changes (#5)

Author: drewhoffer

app/controllers/application_controller.rb

@@ -4,9 +4,16 @@ class ApplicationController < ActionController::Base
   before_action :set_current_user
   before_action :set_current_request_details
   before_action :authenticate
+  rescue_from ActiveRecord::RecordNotFound, with: :render_not_found
+  rescue_from ActionController::RoutingError, with: :render_not_found
+
+  def render_not_found
+    render template: "errors/not_found", status: :not_found
+  end
 
   private
 
+
     def set_current_user
       if session_record = Session.find_by_id(cookies.signed[:session_token])
         Current.session = session_record

app/controllers/static_pages_controller.rb

@@ -3,6 +3,9 @@ class StaticPagesController < ApplicationController
   def privacy
   end
 
+  def how_it_works
+  end
+
   def terms
   end
 end

app/helpers/style_helper.rb

@@ -1,8 +1,12 @@
 module StyleHelper
   def button_classes
     class_variants(
-      base: "inline-flex items-center rounded-sm bg-white text-sm font-semibold text-black border hover:bg-black hover:border-white hover:text-white focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black",
+      base: "inline-flex items-center rounded-sm text-sm font-semibold border focus-visible:outline-2 focus-visible:outline-offset-2 bg-black focus-visible:outline-black",
       variants: {
+        variant: {
+          base: "bg-white text-black hover:bg-black hover:border-white hover:text-white",
+          invert: "bg-black text-white hover:bg-white hover:border-black hover:text-black"
+        },
         size: {
           sm: "px-2.5 py-1.5 text-xs",
           md: "px-3 py-2 text-sm",
@@ -12,6 +16,7 @@ def button_classes
         full: "w-full"
       },
       defaults: {
+        base: true,
         size: :md,
         full: false
       }

app/models/startup.rb

@@ -19,4 +19,8 @@ class Startup < ApplicationRecord
   def self.ransackable_attributes(auth_object = nil)
     %w[name description created_at]
   end
+
+  def liked_by?(user)
+    user && likes.exists?(user_id: user.id)
+  end
 end

app/views/errors/not_found.html.erb

@@ -0,0 +1,13 @@
+<div class="container mx-auto p-6 lg:px-8">
+  <div class="md:flex md:items-center md:justify-between">
+    <div class="min-w-0 flex-1">
+      <h2 class="text-2xl/7 font-bold sm:truncate sm:text-3xl sm:tracking-tight">Uhhhhh... This is awkward.</h2>
+      <p class="mt-2 text-base/6 text-black">
+        We couldn't find the page you were looking for. It might have been removed, had its name changed, or is temporarily unavailable.
+      </p>
+      <div class="text-center mt-4">
+        <%= link_to "Take me back!", root_path, class: button_classes.render %>
+      </div>
+    </div>
+  </div>
+</div>

app/views/shared/_nav_bar.html.erb

@@ -9,8 +9,9 @@
       </svg>
     <% end %>
     <div class="flex flex-1 gap-2 items-center md:gap-5 justify-end">
-      <%= link_to 'Explore Startups', search_path, class: "text-sm/6 font-semibold" %>
-      <%= link_to 'Submit Startup', new_startup_path, class: "text-sm/6 font-semibold" %>
+      <%= link_to 'How it works', how_it_works_path, class: "text-sm/6 font-semibold hover:underline" %>
+      <%= link_to 'Explore Startups', search_path, class: "text-sm/6 font-semibold hover:underline" %>
+      <%= link_to 'Submit Startup', new_startup_path, class: "text-sm/6 font-semibold hover:underline" %>
       <% if Current.user %>
         <%= button_to 'Logout', session_path(Current.session.id), method: :delete, class: button_classes.render %>
       <% else %>

app/views/startups/_apply_button.html.erb

@@ -1,7 +1,7 @@
 <% if role.taken? %>
   <span class="font-semibold">Taken</span>
 <% elsif Current.user && role.startup.user == Current.user %>
-  <span class="font-semibold">You own this guy</span>
+  <span class="font-semibold"><%= pluralize(role.applicants.count, "applicant") %></span>
 <% elsif Current.user && role.applicants.include?(Current.user) %>
   <span class="font-semibold">Applied</span>
 <% else %>

app/views/startups/_like.html.erb

@@ -1,9 +1,10 @@
 <turbo-frame id="like_frame_<%= startup.id %>">
+  <% liked = startup.liked_by?(Current.user) %>
   <%= button_to(
         like_startup_path(startup),
         method: :post,
         form: { data: { turbo: "true" } },
-        class: button_classes.render
+        class: button_classes.render(variant: (liked ?  :invert : :base))
       ) do %>
     <%= raw "&#128077;" %>
     <span class="ml-2"><%= startup.likes.count %> likes</span>

app/views/static_pages/how_it_works.html.erb

@@ -0,0 +1,21 @@
+<div class="container mx-auto p-6 lg:px-8">
+  <div class="md:flex md:items-center md:justify-between">
+    <div class="min-w-0 flex-1 prose text-black max-w-none">
+      <h2>How It Works</h2>
+      <p>
+        Hunterr helps founders build their dream teams by sharing open roles at early-stage startups. Whether you're a founder looking for collaborators or a builder searching for something meaningful to join, Startup Board makes the connection easy.
+      </p>
+      <ol>
+        <li>Founders sign in and post their startup, including roles they need help with.</li>
+        <li>Visitors can browse startups and see what roles are open, taken, or already applied for.</li>
+        <li>If a role interests you, sign in and click "Apply" to let the founder know you're interested.</li>
+        <li>The founder gets an email about your application and can confirm you with a single click.</li>
+        <li>Once confirmed, you're officially part of the startup—go build something awesome together!</li>
+      </ol>
+      <h3>Want to help improve Hunterr?</h3>
+      <p>
+        Got an idea, feature request, or want to collaborate on this project? I'd love to hear from you. Reach out anytime at <a href="https://drewszoo.ca" target="_blank" rel="noopener noreferrer">drewszoo.ca</a>.
+      </p>
+    </div>
+  </div>
+</div>

config/routes.rb

@@ -1,6 +1,7 @@
 Rails.application.routes.draw do
   get "/privacy", to: "static_pages#privacy"
   get "/terms", to: "static_pages#terms"
+  get "/how-it-works", to: "static_pages#how_it_works"
   get  "sign_in", to: "sessions#new"
   post "sign_in", to: "sessions#create"
   get  "sign_up", to: "registrations#new"
@@ -29,4 +30,6 @@
     end
     resources :applications, only: [ :create ]
   end
+
+  match "*path", to: "application#render_not_found", via: :all
 end