From 520e2d73dbfa8e3ba951c7ef6244239237c687c5 Mon Sep 17 00:00:00 2001
From: kinoppyd <ppyd@kinoppyd.dev>
Date: Thu, 28 Mar 2024 01:25:07 +0900
Subject: [PATCH] Implements signup with GitHub

---
 app/controllers/profiles_controller.rb       |  7 +++++
 app/controllers/sessions_controller.rb       | 10 ++++++-
 app/helpers/profiles_helper.rb               |  4 +++
 app/views/layouts/_header.html.erb           |  9 ++++++
 app/views/profiles/show.html.erb             | 30 ++++++++++++++++++++
 config/locales/en.yml                        |  1 +
 config/locales/ja.yml                        |  1 +
 config/routes.rb                             |  2 ++
 public/icons/github-mark.svg                 |  1 +
 test/controllers/profiles_controller_test.rb |  9 ++++++
 10 files changed, 73 insertions(+), 1 deletion(-)
 create mode 100644 app/controllers/profiles_controller.rb
 create mode 100644 app/helpers/profiles_helper.rb
 create mode 100644 app/views/profiles/show.html.erb
 create mode 100644 public/icons/github-mark.svg
 create mode 100644 test/controllers/profiles_controller_test.rb

diff --git a/app/controllers/profiles_controller.rb b/app/controllers/profiles_controller.rb
new file mode 100644
index 00000000..8d9b3511
--- /dev/null
+++ b/app/controllers/profiles_controller.rb
@@ -0,0 +1,7 @@
+# frozen_string_literal: true
+
+class ProfilesController < ApplicationController
+  include EventRouting
+
+  def show; end
+end
diff --git a/app/controllers/sessions_controller.rb b/app/controllers/sessions_controller.rb
index 98578400..194846b0 100644
--- a/app/controllers/sessions_controller.rb
+++ b/app/controllers/sessions_controller.rb
@@ -1,13 +1,21 @@
 # frozen_string_literal: true
 
 class SessionsController < ApplicationController
-  skip_before_action :set_user
   skip_before_action :set_plan
   skip_before_action :set_locale
   skip_before_action :set_last_path
 
   def create
+    create_and_set_user unless @user
+
     user_info = request.env['omniauth.auth']
+    @user.create_profile(
+      provider: user_info['provider'],
+      uid: user_info['uid'],
+      name: user_info['info']['name'],
+      email: user_info['info']['email'],
+      avatar_url: user_info['info']['image']
+    )
     redirect_to session[:last_path]
   end
 end
diff --git a/app/helpers/profiles_helper.rb b/app/helpers/profiles_helper.rb
new file mode 100644
index 00000000..9ba602e9
--- /dev/null
+++ b/app/helpers/profiles_helper.rb
@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+module ProfilesHelper
+end
diff --git a/app/views/layouts/_header.html.erb b/app/views/layouts/_header.html.erb
index 43bc2363..b736f80e 100644
--- a/app/views/layouts/_header.html.erb
+++ b/app/views/layouts/_header.html.erb
@@ -64,6 +64,15 @@
             <%= I18n.t('nav.plan') %></a>
         </li>
       <% end %>
+      <li>
+        <a
+          href="<%= event_profile_path %>"
+          class="flex items-center gap-2 h-max box-border m-0 boder-none bg-transparent px-2 py-3 <%= current_path?(event_profile_path) ? 'nav-current' : '' %>"
+          <%= sanitize current_path?(event_path) ? 'aria-current="page"' : '' %>
+        >
+          <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" width="1em" height="1em" class="" role="img" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" style="color: rgb(112, 109, 101);"><path d="M256 288A144 144 0 1 0 256 0a144 144 0 1 0 0 288zm-94.7 32C72.2 320 0 392.2 0 481.3c0 17 13.8 30.7 30.7 30.7H481.3c17 0 30.7-13.8 30.7-30.7C512 392.2 439.8 320 350.7 320H161.3z"></path></svg>
+          <%= I18n.t('nav.profile') %></a>
+      </li>
     </ul>
     <div class="ml-auto">
       <label class="flex items-center justify-start gap-2">
diff --git a/app/views/profiles/show.html.erb b/app/views/profiles/show.html.erb
new file mode 100644
index 00000000..bcd00c94
--- /dev/null
+++ b/app/views/profiles/show.html.erb
@@ -0,0 +1,30 @@
+<% if @user && @user.profile %>
+  <div class="flex justify-center">
+    <div class="w-1/2">
+      <div class="w-full min-w-[400px] h-fit p-4 shadow-[0_1px_2px_0_rgba(3,3,2,0.3)] rounded-md bg-white">
+        <div class="flex gap-4">
+          <img class="w-36 h-36 rounded-full" src="<%= @user.profile.avatar_url %>">
+          <div class="flex flex-col gap-2">
+            <h1 class="text-4xl"><%= @user.profile.name %></h1>
+            <h2><%= @user.profile.email %></h2>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+<% else %>
+  <div class="flex items-center justify-center h-96">
+    <div class="h-auto">
+      <%= form_tag('/auth/github', method: 'post' , data: {turbo: false}) do %>
+        <button type='submit' class="p-2 border border-black border-solid rounded-md">
+          <div class="flex items-center gap-2">
+            <img src="/icons/github-mark.svg" class="w-6 h-6">
+            <span class="font-bold">
+              Sign up with GitHub
+            </span>
+          </div>
+        </button>
+      <% end %>
+    </div>
+  </div>
+<% end %>
\ No newline at end of file
diff --git a/config/locales/en.yml b/config/locales/en.yml
index db839114..a8fdc76e 100644
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -37,6 +37,7 @@ en:
     root: "Top"
     schedule: "Schedule"
     plan: "My Plans"
+    profile: "Profile"
   info:
     create_plan_title: "Create your RubyKaigi Plans"
     create_plan_text: "Create your RubyKaigi Plans with RubyKaigi mie.ru kun. Agree to Terms of service and press create button."
diff --git a/config/locales/ja.yml b/config/locales/ja.yml
index f935a8eb..fa859ab7 100644
--- a/config/locales/ja.yml
+++ b/config/locales/ja.yml
@@ -6,6 +6,7 @@ ja:
     root: "top"
     schedule: "スケジュール"
     plan: "視聴予定"
+    profile: "プロフィール"
   info:
     create_plan_title: "セッションの視聴予定を作成しませんか？"
     create_plan_text: "RubyKaigi mie.ru 君を使って、RubyKaigi2021 Takeoutのセッション視聴予定表を作成しましょう！ 利用規約に同意の上、予定の作成ボタンを押してください。"
diff --git a/config/routes.rb b/config/routes.rb
index e480091c..57550b62 100644
--- a/config/routes.rb
+++ b/config/routes.rb
@@ -19,6 +19,8 @@
         resource :ogp, only: %i[show]
       end
     end
+
+    resource :profile, only: %i[show update]
   end
 
   get '*path', controller: 'application', action: 'not_found'
diff --git a/public/icons/github-mark.svg b/public/icons/github-mark.svg
new file mode 100644
index 00000000..37fa923d
--- /dev/null
+++ b/public/icons/github-mark.svg
@@ -0,0 +1 @@
+<svg width="98" height="96" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="#24292f"/></svg>
\ No newline at end of file
diff --git a/test/controllers/profiles_controller_test.rb b/test/controllers/profiles_controller_test.rb
new file mode 100644
index 00000000..c231414b
--- /dev/null
+++ b/test/controllers/profiles_controller_test.rb
@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+require 'test_helper'
+
+class ProfilesControllerTest < ActionDispatch::IntegrationTest
+  # test "the truth" do
+  #   assert true
+  # end
+end