From e5369fcef8888828286002a7082a2ab44a9f22b7 Mon Sep 17 00:00:00 2001
From: pablonyx <pablo@danswer.ai>
Date: Fri, 28 Feb 2025 15:46:21 -0800
Subject: [PATCH] Update warning copy (#4160)

* k

* k

* quick nit
---
 web/src/app/assistants/mine/AssistantModal.tsx | 6 +-----
 web/src/app/ee/admin/billing/InfoItem.tsx      | 2 +-
 web/src/components/admin/ClientLayout.tsx      | 3 ++-
 web/src/components/ui/alert.tsx                | 4 ++--
 4 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/web/src/app/assistants/mine/AssistantModal.tsx b/web/src/app/assistants/mine/AssistantModal.tsx
index b5876c36d..c816e5172 100644
--- a/web/src/app/assistants/mine/AssistantModal.tsx
+++ b/web/src/app/assistants/mine/AssistantModal.tsx
@@ -61,13 +61,9 @@ const useAssistantFilter = () => {
 
 interface AssistantModalProps {
   hideModal: () => void;
-  modalHeight?: string;
 }
 
-export function AssistantModal({
-  hideModal,
-  modalHeight,
-}: AssistantModalProps) {
+export function AssistantModal({ hideModal }: AssistantModalProps) {
   const { assistants, pinnedAssistants } = useAssistants();
   const { assistantFilters, toggleAssistantFilter } = useAssistantFilter();
   const router = useRouter();
diff --git a/web/src/app/ee/admin/billing/InfoItem.tsx b/web/src/app/ee/admin/billing/InfoItem.tsx
index a4f8e7451..2930e5f2e 100644
--- a/web/src/app/ee/admin/billing/InfoItem.tsx
+++ b/web/src/app/ee/admin/billing/InfoItem.tsx
@@ -9,7 +9,7 @@ export function InfoItem({ title, value }: InfoItemProps) {
   return (
     <div className="bg-muted p-4 rounded-lg">
       <p className="text-sm font-medium text-muted-foreground mb-1">{title}</p>
-      <p className="text-lg font-semibold text-foreground dark:text-white">
+      <p className="text-lg font-semibold text-foreground dark:text-neutral-100">
         {value}
       </p>
     </div>
diff --git a/web/src/components/admin/ClientLayout.tsx b/web/src/components/admin/ClientLayout.tsx
index 5a4a1259f..c96c13860 100644
--- a/web/src/components/admin/ClientLayout.tsx
+++ b/web/src/components/admin/ClientLayout.tsx
@@ -77,11 +77,12 @@ export function ClientLayout({
             defaultModel={user?.preferences?.default_model!}
           />
         )}
+
         {settings?.settings.application_status ===
           ApplicationStatus.PAYMENT_REMINDER && (
           <div className="fixed top-2 left-1/2 transform -translate-x-1/2 bg-amber-400 dark:bg-amber-500 text-gray-900 dark:text-gray-100 p-4 rounded-lg shadow-lg z-50 max-w-md text-center">
             <strong className="font-bold">Warning:</strong> Your trial ends in
-            less than 2 days and no payment method has been added.
+            less than 5 days and no payment method has been added.
             <div className="mt-2">
               <Link href="/admin/billing">
                 <Button
diff --git a/web/src/components/ui/alert.tsx b/web/src/components/ui/alert.tsx
index ee668e2f4..dcf7b2251 100644
--- a/web/src/components/ui/alert.tsx
+++ b/web/src/components/ui/alert.tsx
@@ -10,12 +10,12 @@ const alertVariants = cva(
       variant: {
         broken:
           "border-red-500/50 text-red-500 dark:border-red-500 [&>svg]:text-red-500 dark:border-red-900/50 dark:text-red-100 dark:dark:border-red-900 dark:[&>svg]:text-red-700 bg-red-50 dark:bg-red-950",
-        ark: "border-amber-500/50 text-amber-500 dark:border-amber-500 [&>svg]:text-amber-500 dark:border-amber-900/50 dark:text-amber-900 dark:dark:border-amber-900 dark:[&>svg]:text-amber-900 bg-amber-50 dark:bg-amber-950",
+        ark: "border-amber-400/50 text-amber-400 dark:border-amber-400 [&>svg]:text-amber-400 dark:border-amber-800/50 dark:text-amber-800 dark:dark:border-amber-800 dark:[&>svg]:text-amber-800 bg-amber-50 dark:bg-amber-950",
         info: "border-black/50 dark:border-black dark:border-black/50 dark:dark:border-black",
         default:
           "bg-neutral-50 text-neutral-darker dark:bg-neutral-950 dark:text-text",
         destructive:
-          "border-red-500/50 text-red-500 dark:border-red-500 [&>svg]:text-red-500 dark:border-red-900/50 dark:text-red-900 dark:dark:border-red-900 dark:[&>svg]:text-red-900",
+          "border-red-500/50 text-red-500 dark:border-red-500 [&>svg]:text-red-500 dark:border-red-900/50 dark:text-red-600 dark:dark:border-red-900 dark:[&>svg]:text-red-900",
       },
     },
     defaultVariants: {