From 8eea8efb98e5ece6500bc7474a8c42deaafdb322 Mon Sep 17 00:00:00 2001
From: Max Wofford <max@maxwofford.com>
Date: Mon, 17 Feb 2025 19:01:58 -0500
Subject: [PATCH] Add user mention partial

---
 app/assets/stylesheets/user_mention.css | 12 ++++++++++++
 app/views/layouts/application.html.erb  |  7 ++-----
 app/views/shared/_user_mention.html.erb |  7 +++++++
 3 files changed, 21 insertions(+), 5 deletions(-)
 create mode 100644 app/assets/stylesheets/user_mention.css
 create mode 100644 app/views/shared/_user_mention.html.erb

diff --git a/app/assets/stylesheets/user_mention.css b/app/assets/stylesheets/user_mention.css
new file mode 100644
index 0000000..fc51c26
--- /dev/null
+++ b/app/assets/stylesheets/user_mention.css
@@ -0,0 +1,12 @@
+
+.avatar {
+  border-radius: 50%;
+}
+
+.current-user {
+  font-weight: bold;
+}
+
+.current-user .avatar {
+  border: 2px solid #00dded;
+}
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index 0de562b..0d6924a 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -31,11 +31,8 @@
 
     <div class="header">
       <% if current_user %>
-        <div class="user-info">
-          <%= image_tag current_user.avatar_url, size: "32x32", class: "avatar" if current_user.avatar_url %>
-          <%= current_user.username if current_user.username %>
-          <%= link_to "Sign Out", signout_path, method: :delete, data: { "turbo-method": :delete } %>
-        </div>
+        <%= render "shared/user_mention", user: current_user %>
+        <%= link_to "Sign Out", signout_path, method: :delete, data: { "turbo-method": :delete } %>
       <% else %>
         <%= link_to "Sign in with Slack", slack_auth_path %>
       <% end %>
diff --git a/app/views/shared/_user_mention.html.erb b/app/views/shared/_user_mention.html.erb
new file mode 100644
index 0000000..c7e27c7
--- /dev/null
+++ b/app/views/shared/_user_mention.html.erb
@@ -0,0 +1,7 @@
+<div class="user-info <%= current_user == user ? "current-user" : "" %>">
+  <%= image_tag user.avatar_url,
+                size: "32x32",
+                class: "avatar",
+                alt: "#{user.username}'s avatar" if user.avatar_url %>
+  <%= user.username if user.username %>
+</div>
\ No newline at end of file