From 7849e2198c3d0b6dfaf4de2707296ba6e4a63dc0 Mon Sep 17 00:00:00 2001
From: Jason Laster <jason.laster.11@gmail.com>
Date: Wed, 12 Mar 2025 14:49:29 -0400
Subject: [PATCH] tsc fixes

---
 app/components/chat/BaseChat.tsx                 |  3 ++-
 app/components/chat/Chat.client.tsx              |  4 ++--
 app/components/settings/features/FeaturesTab.tsx | 10 ++++++----
 app/components/settings/providers/APIKeysTab.tsx |  6 +++---
 4 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/app/components/chat/BaseChat.tsx b/app/components/chat/BaseChat.tsx
index bdab52b0..a91d43c2 100644
--- a/app/components/chat/BaseChat.tsx
+++ b/app/components/chat/BaseChat.tsx
@@ -43,7 +43,8 @@ interface BaseChatProps {
   handleStop?: () => void;
   sendMessage?: (messageInput?: string) => void;
   handleInputChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
-  enhancePrompt?: () => void;
+  _enhancingPrompt?: boolean;
+  _enhancePrompt?: () => void;
   importChat?: (description: string, messages: Message[]) => Promise<void>;
   exportChat?: () => void;
   uploadedFiles?: File[];
diff --git a/app/components/chat/Chat.client.tsx b/app/components/chat/Chat.client.tsx
index 57ed9d6c..61436c3e 100644
--- a/app/components/chat/Chat.client.tsx
+++ b/app/components/chat/Chat.client.tsx
@@ -31,7 +31,7 @@ import {
 import { getIFrameSimulationData } from '~/lib/replay/Recording';
 import { getCurrentIFrame } from '~/components/workbench/Preview';
 import { getCurrentMouseData } from '~/components/workbench/PointSelector';
-import { anthropicNumFreeUsesCookieName, anthropicApiKeyCookieName, MaxFreeUses } from '~/utils/freeUses';
+import { anthropicNumFreeUsesCookieName, anthropicApiKeyCookieName, maxFreeUses } from '~/utils/freeUses';
 import { getNutLoginKey, submitFeedback } from '~/lib/replay/Problems';
 import { ChatMessageTelemetry, pingTelemetry } from '~/lib/hooks/pingTelemetry';
 import type { RejectChangeData } from './ApproveChange';
@@ -347,7 +347,7 @@ export const ChatImpl = memo(
       if (!loginKey && !anthropicApiKey) {
         const numFreeUses = +(Cookies.get(anthropicNumFreeUsesCookieName) || 0);
 
-        if (numFreeUses >= MaxFreeUses) {
+        if (numFreeUses >= maxFreeUses) {
           toast.error(
             'All free uses consumed. Please set a login key or Anthropic API key in the "User Info" settings.',
           );
diff --git a/app/components/settings/features/FeaturesTab.tsx b/app/components/settings/features/FeaturesTab.tsx
index f9397a8b..36ef9695 100644
--- a/app/components/settings/features/FeaturesTab.tsx
+++ b/app/components/settings/features/FeaturesTab.tsx
@@ -11,10 +11,12 @@ export default function FeaturesTab() {
     enableEventLogs,
     isLatestBranch,
     enableLatestBranch,
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    _promptId: promptId,
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    _setPromptId: setPromptId,
+
+    // Unused variables but needed from useSettings
+    /* eslint-disable-next-line @typescript-eslint/no-unused-vars */
+    promptId,
+    /* eslint-disable-next-line @typescript-eslint/no-unused-vars */
+    setPromptId,
     autoSelectTemplate,
     setAutoSelectTemplate,
     enableContextOptimization,
diff --git a/app/components/settings/providers/APIKeysTab.tsx b/app/components/settings/providers/APIKeysTab.tsx
index 17a6180a..6b97d8b3 100644
--- a/app/components/settings/providers/APIKeysTab.tsx
+++ b/app/components/settings/providers/APIKeysTab.tsx
@@ -1,7 +1,7 @@
 import { useState } from 'react';
 import { toast } from 'react-toastify';
 import Cookies from 'js-cookie';
-import { anthropicNumFreeUsesCookieName, anthropicApiKeyCookieName, MaxFreeUses } from '~/utils/freeUses';
+import { anthropicNumFreeUsesCookieName, anthropicApiKeyCookieName, maxFreeUses } from '~/utils/freeUses';
 import { saveNutLoginKey, saveProblemsUsername, getNutLoginKey, getProblemsUsername } from '~/lib/replay/Problems';
 
 export default function ConnectionsTab() {
@@ -49,10 +49,10 @@ export default function ConnectionsTab() {
           />
         </div>
       </div>
-      {numFreeUses < MaxFreeUses && (
+      {numFreeUses < maxFreeUses && (
         <div className="flex mb-4">
           <div className="flex-1 mr-2">
-            {MaxFreeUses - numFreeUses} / {MaxFreeUses} free uses remaining
+            {maxFreeUses - numFreeUses} / {maxFreeUses} free uses remaining
           </div>
         </div>
       )}