From 5d37cdbc85933ac526c39cb0f1f9cc0d8469df40 Mon Sep 17 00:00:00 2001
From: Jesper Christiansen <hi@jespr.com>
Date: Tue, 2 Jan 2024 12:21:12 -0800
Subject: [PATCH 1/5] Add sidebar portfolio holdings

---
 app/views/layouts/application.html.erb        |  3 ++
 .../shared/_sidebar_portfolio.html.erb        | 37 +++++++++++++++++++
 2 files changed, 40 insertions(+)
 create mode 100644 app/views/layouts/shared/_sidebar_portfolio.html.erb

diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index a1d253c2..65f495cc 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -20,6 +20,9 @@
           <div class="flex items-center h-16 shrink-0">
             <%= image_tag "logo-color-dark.svg", class: 'w-auto h-5' %>
           </div>
+
+          <%= render "/layouts/shared/sidebar_portfolio" %>
+
           <nav class="flex flex-col flex-1">
             <ul role="list" class="flex flex-col flex-1 gap-y-7">
               <li>
diff --git a/app/views/layouts/shared/_sidebar_portfolio.html.erb b/app/views/layouts/shared/_sidebar_portfolio.html.erb
new file mode 100644
index 00000000..8bf1b783
--- /dev/null
+++ b/app/views/layouts/shared/_sidebar_portfolio.html.erb
@@ -0,0 +1,37 @@
+<div class="space-y-3 -mx-2">
+  <div class="p-3 rounded-md bg-gray-700 text-sm flex justify-between items-center">
+    <span class="text-gray-50">Total portfolio</span>
+    <span class="font-bold text-2xl text-white">
+      $596,275
+    </span>
+  </div>
+  <div class="space-y-1">
+    <div class="p-3 -md text-sm flex justify-between items-center">
+      <span class="text-white">Schwab</span>
+      <span class="text-white font-medium">
+        $36,418
+      </span>
+    </div>
+    <div class="p-3 -md text-sm flex justify-between items-center">
+      <span class="text-white">Robinhood</span>
+      <span class="text-white font-medium">
+        $36,418
+      </span>
+    </div>
+    <div class="p-3 -md text-sm flex justify-between items-center">
+      <span class="text-white">Crypto</span>
+      <span class="text-white font-medium">
+        $36,418
+      </span>
+    </div>
+
+    <%= link_to new_portfolio_path, class: "text-sm flex items-center space-x-3 text-gray-100 hover:text-gray-50 py-3" do %>
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
+      </svg>
+
+      <span>New portfolio</span>
+    <% end %>
+  </div>
+</div>
+

From 6636613af83f7199ab1a1dfea3ecb608273ab0ba Mon Sep 17 00:00:00 2001
From: Jesper Christiansen <hi@jespr.com>
Date: Tue, 2 Jan 2024 12:24:02 -0800
Subject: [PATCH 2/5] Use true white

---
 app/views/layouts/shared/_sidebar_portfolio.html.erb | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/views/layouts/shared/_sidebar_portfolio.html.erb b/app/views/layouts/shared/_sidebar_portfolio.html.erb
index 8bf1b783..7a34a594 100644
--- a/app/views/layouts/shared/_sidebar_portfolio.html.erb
+++ b/app/views/layouts/shared/_sidebar_portfolio.html.erb
@@ -8,19 +8,19 @@
   <div class="space-y-1">
     <div class="p-3 -md text-sm flex justify-between items-center">
       <span class="text-white">Schwab</span>
-      <span class="text-white font-medium">
+      <span class="text-[#ffffff] font-medium">
         $36,418
       </span>
     </div>
     <div class="p-3 -md text-sm flex justify-between items-center">
       <span class="text-white">Robinhood</span>
-      <span class="text-white font-medium">
+      <span class="text-[#ffffff] font-medium">
         $36,418
       </span>
     </div>
     <div class="p-3 -md text-sm flex justify-between items-center">
       <span class="text-white">Crypto</span>
-      <span class="text-white font-medium">
+      <span class="text-[#ffffff] font-medium">
         $36,418
       </span>
     </div>

From 58be296575b8ba7297b30dfd804537258d7cb4a8 Mon Sep 17 00:00:00 2001
From: Jesper Christiansen <hi@jespr.com>
Date: Tue, 2 Jan 2024 12:26:22 -0800
Subject: [PATCH 3/5] Letter spacing

---
 app/views/layouts/shared/_sidebar_portfolio.html.erb | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/views/layouts/shared/_sidebar_portfolio.html.erb b/app/views/layouts/shared/_sidebar_portfolio.html.erb
index 7a34a594..3276ddd2 100644
--- a/app/views/layouts/shared/_sidebar_portfolio.html.erb
+++ b/app/views/layouts/shared/_sidebar_portfolio.html.erb
@@ -8,19 +8,19 @@
   <div class="space-y-1">
     <div class="p-3 -md text-sm flex justify-between items-center">
       <span class="text-white">Schwab</span>
-      <span class="text-[#ffffff] font-medium">
+      <span class="text-[#ffffff] font-medium tracking-tight">
         $36,418
       </span>
     </div>
     <div class="p-3 -md text-sm flex justify-between items-center">
       <span class="text-white">Robinhood</span>
-      <span class="text-[#ffffff] font-medium">
+      <span class="text-[#ffffff] font-medium tracking-tight">
         $36,418
       </span>
     </div>
     <div class="p-3 -md text-sm flex justify-between items-center">
       <span class="text-white">Crypto</span>
-      <span class="text-[#ffffff] font-medium">
+      <span class="text-[#ffffff] font-medium tracking-tight">
         $36,418
       </span>
     </div>

From e57ab172babd934cdcb88b4f005736063c1cdee8 Mon Sep 17 00:00:00 2001
From: Jesper Christiansen <hi@jespr.com>
Date: Tue, 2 Jan 2024 12:35:13 -0800
Subject: [PATCH 4/5] Remove dashboard/portfolios links from sidebar

---
 app/views/layouts/application.html.erb | 32 --------------------------
 1 file changed, 32 deletions(-)

diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index 65f495cc..760ffc09 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -22,38 +22,6 @@
           </div>
 
           <%= render "/layouts/shared/sidebar_portfolio" %>
-
-          <nav class="flex flex-col flex-1">
-            <ul role="list" class="flex flex-col flex-1 gap-y-7">
-              <li>
-                <ul role="list" class="-mx-2 space-y-1">
-                  <li>
-                    <%= link_to root_path, class: "flex p-2 text-sm font-semibold leading-6 text-gray-600 rounded-md group gap-x-3" do %>
-                      <svg class="w-6 h-6 text-blue-600 shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
-                        <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" />
-                      </svg>
-                      Dashboard
-                    <% end %>
-                  </li>
-                  <li>
-                    <%= link_to portfolios_path, class: "flex p-2 text-sm font-semibold leading-6 text-gray-600 rounded-md group gap-x-3" do %>
-                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-blue-600 shrink-0">
-                        <path stroke-linecap="round" stroke-linejoin="round" d="M20.25 14.15v4.25c0 1.094-.787 2.036-1.872 2.18-2.087.277-4.216.42-6.378.42s-4.291-.143-6.378-.42c-1.085-.144-1.872-1.086-1.872-2.18v-4.25m16.5 0a2.18 2.18 0 0 0 .75-1.661V8.706c0-1.081-.768-2.015-1.837-2.175a48.114 48.114 0 0 0-3.413-.387m4.5 8.006c-.194.165-.42.295-.673.38A23.978 23.978 0 0 1 12 15.75c-2.648 0-5.195-.429-7.577-1.22a2.016 2.016 0 0 1-.673-.38m0 0A2.18 2.18 0 0 1 3 12.489V8.706c0-1.081.768-2.015 1.837-2.175a48.111 48.111 0 0 1 3.413-.387m7.5 0V5.25A2.25 2.25 0 0 0 13.5 3h-3a2.25 2.25 0 0 0-2.25 2.25v.894m7.5 0a48.667 48.667 0 0 0-7.5 0M12 12.75h.008v.008H12v-.008Z" />
-                      </svg>
-
-                      Portfolios
-                    <% end %>
-                  </li>
-                </ul>
-              </li>
-              <li class="mt-auto -mx-6">
-                <a href="#" class="flex items-center px-6 py-3 text-sm font-semibold leading-6 text-gray-900 gap-x-4 hover:bg-gray-50">
-                  <span class="sr-only">Your profile</span>
-                  <span aria-hidden="true"><%= current_user.email %></span>
-                </a>
-              </li>
-            </ul>
-          </nav>
         </div>
       </div>
 

From 666957555cf5e7de45bb7bb824da10c5f93fc67b Mon Sep 17 00:00:00 2001
From: Jesper Christiansen <hi@jespr.com>
Date: Tue, 2 Jan 2024 12:55:41 -0800
Subject: [PATCH 5/5] Use text-white

---
 app/views/layouts/shared/_sidebar_portfolio.html.erb | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/views/layouts/shared/_sidebar_portfolio.html.erb b/app/views/layouts/shared/_sidebar_portfolio.html.erb
index 3276ddd2..f445566d 100644
--- a/app/views/layouts/shared/_sidebar_portfolio.html.erb
+++ b/app/views/layouts/shared/_sidebar_portfolio.html.erb
@@ -8,19 +8,19 @@
   <div class="space-y-1">
     <div class="p-3 -md text-sm flex justify-between items-center">
       <span class="text-white">Schwab</span>
-      <span class="text-[#ffffff] font-medium tracking-tight">
+      <span class="text-white font-medium tracking-tight">
         $36,418
       </span>
     </div>
     <div class="p-3 -md text-sm flex justify-between items-center">
       <span class="text-white">Robinhood</span>
-      <span class="text-[#ffffff] font-medium tracking-tight">
+      <span class="text-white font-medium tracking-tight">
         $36,418
       </span>
     </div>
     <div class="p-3 -md text-sm flex justify-between items-center">
       <span class="text-white">Crypto</span>
-      <span class="text-[#ffffff] font-medium tracking-tight">
+      <span class="text-white font-medium tracking-tight">
         $36,418
       </span>
     </div>