From 120d06983d89b10fb6ea7d0227c64e3c61f34fa5 Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com>
Date: Thu, 13 Jul 2023 11:38:45 +0530
Subject: [PATCH] style: inbox (#1508)

---
 apps/app/components/inbox/filters-dropdown.tsx | 2 +-
 apps/app/components/inbox/inbox-issue-card.tsx | 4 ++--
 apps/app/components/workspace/help-section.tsx | 8 ++++----
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/apps/app/components/inbox/filters-dropdown.tsx b/apps/app/components/inbox/filters-dropdown.tsx
index 1379b5885..3ca57d42d 100644
--- a/apps/app/components/inbox/filters-dropdown.tsx
+++ b/apps/app/components/inbox/filters-dropdown.tsx
@@ -41,7 +41,7 @@ export const FiltersDropdown: React.FC = () => {
               ...PRIORITIES.map((priority) => ({
                 id: priority === null ? "null" : priority,
                 label: (
-                  <div className="flex items-center gap-2">
+                  <div className="flex items-center gap-2 capitalize">
                     {getPriorityIcon(priority)} {priority ?? "None"}
                   </div>
                 ),
diff --git a/apps/app/components/inbox/inbox-issue-card.tsx b/apps/app/components/inbox/inbox-issue-card.tsx
index 9ef35f742..f226d91a5 100644
--- a/apps/app/components/inbox/inbox-issue-card.tsx
+++ b/apps/app/components/inbox/inbox-issue-card.tsx
@@ -40,8 +40,8 @@ export const InboxIssueCard: React.FC<Props> = (props) => {
       <a>
         <div
           id={issue.id}
-          className={`relative min-h-[5rem] cursor-pointer select-none space-y-3 py-2 px-4 border-b border-custom-border-100 hover:bg-custom-primary hover:bg-opacity-10 ${
-            active ? "bg-custom-primary bg-opacity-5" : " "
+          className={`relative min-h-[5rem] cursor-pointer select-none space-y-3 py-2 px-4 border-b border-custom-border-100 hover:bg-custom-primary/5 ${
+            active ? "bg-custom-primary/5" : " "
           } ${issue.issue_inbox[0].status !== -2 ? "opacity-60" : ""}`}
         >
           <div className="flex items-center gap-x-2">
diff --git a/apps/app/components/workspace/help-section.tsx b/apps/app/components/workspace/help-section.tsx
index bbb50c21f..719d84d1a 100644
--- a/apps/app/components/workspace/help-section.tsx
+++ b/apps/app/components/workspace/help-section.tsx
@@ -140,7 +140,7 @@ export const WorkspaceHelpSection: FC<WorkspaceHelpSectionProps> = (props) => {
             ${
               issueNumber >= 750
                 ? "bg-custom-primary-100 text-white"
-                : "bg-blue-50 text-custom-primary-100"
+                : "bg-blue-500/10 text-custom-primary-100"
             }
             ${sidebarCollapse ? "w-full justify-center" : ""}`}
             title="Shortcuts"
@@ -154,10 +154,10 @@ export const WorkspaceHelpSection: FC<WorkspaceHelpSectionProps> = (props) => {
             type="button"
             className={`flex items-center gap-x-1 rounded-md px-2 py-2 font-medium outline-none text-sm ${
               issueNumber >= 750
-                ? "bg-red-50 text-red-600"
+                ? "bg-red-500/10 text-red-600"
                 : issueNumber >= 500
-                ? "bg-yellow-50 text-yellow-600"
-                : "bg-green-50 text-green-600"
+                ? "bg-yellow-500/10 text-yellow-600"
+                : "bg-green-500/10 text-green-600"
             }
             ${sidebarCollapse ? "w-full justify-center" : ""}`}
             title="Shortcuts"