address greptile feedback on usage limit modal

Author: charlesvien

apps/code/src/renderer/features/billing/components/UsageLimitModal.tsx

@@ -16,8 +16,10 @@ export function UsageLimitModal() {
   const isOpen = useUsageLimitStore((s) => s.isOpen);
   const bucket = useUsageLimitStore((s) => s.bucket);
   const resetAt = useUsageLimitStore((s) => s.resetAt);
+  const eventIsPro = useUsageLimitStore((s) => s.isPro);
   const hide = useUsageLimitStore((s) => s.hide);
-  const { isPro } = useSeat();
+  const { isPro: seatIsPro } = useSeat();
+  const isPro = eventIsPro ?? seatIsPro;
 
   useEffect(() => {
     if (isOpen) {
@@ -36,7 +38,7 @@ export function UsageLimitModal() {
   };
 
   const handleSupport = () => {
-    trpcClient.os.openExternal.mutate({ url: SUPPORT_MAILTO });
+    void trpcClient.os.openExternal.mutate({ url: SUPPORT_MAILTO });
   };
 
   const isDaily = bucket === "burst";
@@ -59,7 +61,7 @@ export function UsageLimitModal() {
   const description = isPro
     ? `Your Pro plan has ${proCapLabel}.${resetLabel ? ` ${resetLabel}.` : ""}`
     : `You've hit your Free ${
-        isDaily ? "daily" : "usage"
+        isDaily ? "daily" : isMonthly ? "monthly" : "usage"
       } limit. Upgrade to Pro for 20x more usage.`;
 
   return (

apps/code/src/renderer/features/billing/stores/usageLimitStore.ts

@@ -6,10 +6,15 @@ interface UsageLimitState {
   isOpen: boolean;
   bucket: UsageLimitBucket | null;
   resetAt: string | null;
+  isPro: boolean | null;
 }
 
 interface UsageLimitActions {
-  show: (args?: { bucket: UsageLimitBucket; resetAt: string }) => void;
+  show: (args?: {
+    bucket: UsageLimitBucket;
+    resetAt: string;
+    isPro?: boolean;
+  }) => void;
   hide: () => void;
 }
 
@@ -19,12 +24,14 @@ export const useUsageLimitStore = create<UsageLimitStore>()((set) => ({
   isOpen: false,
   bucket: null,
   resetAt: null,
+  isPro: null,
 
   show: (args) =>
     set({
       isOpen: true,
       bucket: args?.bucket ?? null,
       resetAt: args?.resetAt ?? null,
+      isPro: args?.isPro ?? null,
     }),
   hide: () => set({ isOpen: false }),
 }));

apps/code/src/renderer/features/billing/subscriptions.ts

@@ -23,6 +23,7 @@ export function registerBillingSubscriptions() {
             useUsageLimitStore.getState().show({
               bucket: event.bucket,
               resetAt: event.resetAt,
+              isPro: event.isPro,
             });
             return;
           }