From d233b0c62a9d7bc0a98d78e02f9827eac677db9e Mon Sep 17 00:00:00 2001
From: machida <machida@fjord.jp>
Date: Fri, 28 Jun 2024 20:10:57 +0900
Subject: [PATCH 1/3] =?UTF-8?q?=E3=83=87=E3=82=B6=E3=82=A4=E3=83=B3?=
 =?UTF-8?q?=E5=BE=AE=E8=AA=BF=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/javascript/components/MentorCourses.jsx        |  4 ++--
 app/javascript/components/User.jsx                 |  2 +-
 app/javascript/components/user.vue                 | 14 ++++++++------
 .../application/blocks/admin/_admin-table.sass     |  2 ++
 .../blocks/header/_header-dropdown.sass            |  3 ++-
 app/views/users/_user.html.slim                    | 13 ++++++++-----
 6 files changed, 23 insertions(+), 15 deletions(-)

diff --git a/app/javascript/components/MentorCourses.jsx b/app/javascript/components/MentorCourses.jsx
index 7652db35be5..1b88a8a619d 100644
--- a/app/javascript/components/MentorCourses.jsx
+++ b/app/javascript/components/MentorCourses.jsx
@@ -22,7 +22,7 @@ export default function MentorCourses() {
   const courses = data.courses
 
   return (
-    <div className="admin-table">
+    <div className="admin-table is-react">
       <table className="admin-table__table">
         <Header />
         <tbody className="admin-table__items">
@@ -43,7 +43,7 @@ function MentorCourse(props) {
 
   return (
     <tr className="admin-table__item">
-      <td className="admin-table__item-value">
+      <td className="admin-table__item-value w-32">
         <a href={url}>{course.title}</a>
       </td>
       <td className="admin-table__item-value">{course.description}</td>
diff --git a/app/javascript/components/User.jsx b/app/javascript/components/User.jsx
index 9dc7882ff90..0680308695e 100644
--- a/app/javascript/components/User.jsx
+++ b/app/javascript/components/User.jsx
@@ -25,7 +25,7 @@ export default function User({ user, currentUser }) {
 
   return (
     <div className="col-xxl-3 col-xl-4 col-lg-4 col-md-6 col-xs-12">
-      <div className="users-item">
+      <div className="users-item is-react">
         <div className={`users-item__inner a-card ${roleClass()}`}>
           {currentUser &&
             (currentUser.mentor || currentUser.admin) &&
diff --git a/app/javascript/components/user.vue b/app/javascript/components/user.vue
index 359b11290e9..1354517e2a6 100644
--- a/app/javascript/components/user.vue
+++ b/app/javascript/components/user.vue
@@ -1,6 +1,6 @@
 <template lang="pug">
 .col-xxxl-2.col-xxl-3.col-xl-4.col-lg-4.col-md-6.col-xs-12
-  .users-item
+  .users-item.is-vue
     .users-item__inner.a-card
       .users-item__inactive-message-container.is-only-mentor(
         v-if='(currentUser.mentor || currentUser.admin) && user.student_or_trainee')
@@ -26,10 +26,6 @@
               .card-list-item__row
                 .card-list-item-title
                   .card-list-item-title__end
-                    a(
-                      v-if='user.company && user.company.logo_url',
-                      :href='user.company.url')
-                      img.user-item__company-logo(:src='user.company.logo_url')
                     a.card-list-item-title__title.is-lg.a-text-link(
                       :href='user.url')
                       | {{ loginName }}
@@ -39,6 +35,9 @@
                     .card-list-item-meta__item
                       .a-meta
                         | {{ user.name }}
+              .card-list-item__row
+                .card-list-item-meta
+                  .card-list-item-meta__items
                     .card-list-item-meta__item
                       a.a-meta(
                         v-if='user.discord_profile.times_url',
@@ -50,7 +49,10 @@
                         .a-meta__icon
                           i.fa-brands.fa-discord
                         | {{ user.discord_profile.account_name }}
-
+          a(
+            v-if='user.company && user.company.logo_url',
+            :href='user.company.url')
+            img.user-item__company-logo(:src='user.company.logo_url')
         user-sns(:user='user')
         user-activity-counts(:user='user')
       .users-item__body
diff --git a/app/javascript/stylesheets/application/blocks/admin/_admin-table.sass b/app/javascript/stylesheets/application/blocks/admin/_admin-table.sass
index 0ecc73284a7..d9da8da601c 100644
--- a/app/javascript/stylesheets/application/blocks/admin/_admin-table.sass
+++ b/app/javascript/stylesheets/application/blocks/admin/_admin-table.sass
@@ -74,6 +74,8 @@
     margin-inline: 0
   &.is-grab
     padding: 0
+  &.w-32
+    width: 128px
 
 .admin-table__item-blank
   +text-block(.75rem 1.45)
diff --git a/app/javascript/stylesheets/application/blocks/header/_header-dropdown.sass b/app/javascript/stylesheets/application/blocks/header/_header-dropdown.sass
index fcddbaf1d6a..20352e480b6 100644
--- a/app/javascript/stylesheets/application/blocks/header/_header-dropdown.sass
+++ b/app/javascript/stylesheets/application/blocks/header/_header-dropdown.sass
@@ -18,6 +18,7 @@
       display: block
 
 .header-dropdown__inner
+  overflow-y: auto
   +media-breakpoint-up(md)
     +position(absolute, right 0, top 100%, 2)
     background-color: var(--base)
@@ -25,6 +26,7 @@
     width: 14rem
     box-shadow: rgba(black, .2) 0 0 .375rem
     border-radius: .25rem
+    max-height: calc(100vh - 6rem)
     &.is-notification
       width: 15rem
   +media-breakpoint-down(sm)
@@ -32,7 +34,6 @@
     +position(fixed, top 0, bottom 0, right auto, 1)
     transition: left .2s ease-out
     width: var(--global-nav-width-sm)
-    overflow-y: auto
     left: calc(var(--global-nav-width-sm) * -1)
     input:checked + .header-dropdown &,
     .is-opened-dropdown &
diff --git a/app/views/users/_user.html.slim b/app/views/users/_user.html.slim
index 2241cedf711..2749f878cde 100644
--- a/app/views/users/_user.html.slim
+++ b/app/views/users/_user.html.slim
@@ -1,5 +1,5 @@
 .col-xxl-3.col-xl-4.col-lg-4.col-md-6.col-xs-12
-  .users-item
+  .users-item.is-rails
     .users-item__inner.a-card
       .users-item__inactive-message-container.is-only-mentor
         - if (current_user.mentor || current_user.admin) && user.student_or_trainee?
@@ -24,9 +24,6 @@
               .card-list-item__row
                 .card-list-item-title
                   .card-list-item-title__end
-                    - if user.company&.logo_url
-                      = link_to company_path(user.company) do
-                        img.user-item__company-logo src=user.company.logo_url
                     = link_to user.url, class: 'card-list-item-title__title is-lg a-text-link' do
                       | #{user.login_name}
               .card-list-item__row
@@ -35,17 +32,23 @@
                     .card-list-item-meta__item
                       .a-meta
                       | #{user.name}
+              .card-list-item__row
+                .card-list-item-meta
+                  .card-list-item-meta__items
                     .card-list-item-meta__item
                       - if user.discord_profile.times_url
                         = link_to user.discord_profile.times_url, class: 'a-meta' do
                           .a-meta__icon
                             i.fa-brands.fa-discord
                             | #{user.discord_profile.account_name}
-                      - else
+                      - elsif user.discord_profile.account_name
                         .a-meta
                           .a-meta__icon
                             i.fa-brands.fa-discord
                             | #{user.discord_profile.account_name}
+          - if user.company&.logo_url
+            = link_to company_path(user.company) do
+              img.user-item__company-logo src=user.company.logo_url
         = render 'users/sns', user: user
         - if user.student_or_trainee?
           .card-counts.is-users.mt-3

From 582cc2762cd92632814e181863093a32014f1fd4 Mon Sep 17 00:00:00 2001
From: machida <machida@fjord.jp>
Date: Tue, 2 Jul 2024 10:46:39 +0900
Subject: [PATCH 2/3] =?UTF-8?q?=E7=99=BB=E9=8C=B2=E6=83=85=E5=A0=B1?=
 =?UTF-8?q?=E5=A4=89=E6=9B=B4=E7=94=BB=E9=9D=A2=E3=81=A7=E5=88=A5=E3=81=AE?=
 =?UTF-8?q?=E3=82=B3=E3=83=BC=E3=82=B9=E3=82=92=E9=81=B8=E6=8A=9E=E3=81=97?=
 =?UTF-8?q?=E3=81=A6=E3=82=82Rails=E3=82=A8=E3=83=B3=E3=82=B8=E3=83=8B?=
 =?UTF-8?q?=E3=82=A2=E3=82=B3=E3=83=BC=E3=82=B9=E3=81=A8=E8=A1=A8=E7=A4=BA?=
 =?UTF-8?q?=E3=81=95=E3=82=8C=E3=81=A6=E3=81=97=E3=81=BE=E3=81=86=E3=83=90?=
 =?UTF-8?q?=E3=82=B0=E3=82=92=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/views/users/_form.html.slim               | 2 +-
 app/views/users/form/_course_select.html.slim | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/views/users/_form.html.slim b/app/views/users/_form.html.slim
index bddcad33464..a3819360ce4 100644
--- a/app/views/users/_form.html.slim
+++ b/app/views/users/_form.html.slim
@@ -11,7 +11,7 @@
     = render 'checked_campaign'
   .form__items
     - if !@user.adviser?
-      = render 'users/form/course_select', f: f
+      = render 'users/form/course_select', f: f, user: @user
   .form__items
     = render 'users/form/login_name', f: f
     = render 'users/form/email', f: f, user: user
diff --git a/app/views/users/form/_course_select.html.slim b/app/views/users/form/_course_select.html.slim
index 84368c2b730..4d0869d4fb5 100644
--- a/app/views/users/form/_course_select.html.slim
+++ b/app/views/users/form/_course_select.html.slim
@@ -4,7 +4,7 @@
     .form-item-group
       .form-item-group__body
         .selected-item
-          - course = find_course(params[:course_id])
+          - course = user.course ?  user.course : find_course(params[:course_id])
           = render 'users/form/course_selection', course: course, f: f
           = render '/shared/modal',
             id: 'modal-course-description',

From 579585eac22d600eb2514259e8bc89cbfa84d60d Mon Sep 17 00:00:00 2001
From: machida <machida@fjord.jp>
Date: Tue, 2 Jul 2024 11:08:38 +0900
Subject: [PATCH 3/3] :cop:

---
 app/views/users/form/_course_select.html.slim | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/views/users/form/_course_select.html.slim b/app/views/users/form/_course_select.html.slim
index 4d0869d4fb5..c4f76bbef85 100644
--- a/app/views/users/form/_course_select.html.slim
+++ b/app/views/users/form/_course_select.html.slim
@@ -4,7 +4,7 @@
     .form-item-group
       .form-item-group__body
         .selected-item
-          - course = user.course ?  user.course : find_course(params[:course_id])
+          - course = user.course || find_course(params[:course_id])
           = render 'users/form/course_selection', course: course, f: f
           = render '/shared/modal',
             id: 'modal-course-description',