From e132c87792897a418f11cbe7bb55378be722e899 Mon Sep 17 00:00:00 2001
From: Mathew Pareles <mathewpareles@gmail.com>
Date: Thu, 9 Jan 2025 02:15:52 -0800
Subject: [PATCH] generalize for @andrew

---
 .../src/void-settings-tsx/ModelDropdown.tsx     | 17 ++++++++---------
 .../void/browser/react/tailwind.config.js       |  2 +-
 2 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/src/vs/workbench/contrib/void/browser/react/src/void-settings-tsx/ModelDropdown.tsx b/src/vs/workbench/contrib/void/browser/react/src/void-settings-tsx/ModelDropdown.tsx
index 99428771..5ee372c8 100644
--- a/src/vs/workbench/contrib/void/browser/react/src/void-settings-tsx/ModelDropdown.tsx
+++ b/src/vs/workbench/contrib/void/browser/react/src/void-settings-tsx/ModelDropdown.tsx
@@ -90,7 +90,7 @@ const MemoizedModelSelectBox = ({ featureName }: { featureName: FeatureName }) =
 
 }
 
-const DummySelectBox = () => {
+const WarningBox = ({ text, className }: { text: string, className?: string }) => {
 
 	const accessor = useAccessor()
 	const commandService = accessor.get('ICommandService')
@@ -101,22 +101,21 @@ const DummySelectBox = () => {
 
 	return <div
 		className={`
-			flex items-center
-			flex-nowrap text-ellipsis
-
 			text-void-warning brightness-90 opacity-90
-
 			hover:brightness-75 transition-all duration-200
+			text-xs text-ellipsis
 			cursor-pointer
-			text-xs
+
+			flex items-center flex-nowrap
+			${className}
 		`}
 		onClick={openSettings}
 	>
 		<IconWarning
 			size={14}
-			className='mr-1 brightness-90'
+			className='mr-1'
 		/>
-		<span>Provider required</span>
+		<span>{text}</span>
 	</div>
 	// return <VoidSelectBox
 	// 	options={[{ text: 'Please add a model!', value: null }]}
@@ -127,6 +126,6 @@ const DummySelectBox = () => {
 export const ModelDropdown = ({ featureName }: { featureName: FeatureName }) => {
 	const settingsState = useSettingsState()
 	return <>
-		{settingsState._modelOptions.length === 0 ? <DummySelectBox /> : <MemoizedModelSelectBox featureName={featureName} />}
+		{settingsState._modelOptions.length === 0 ? <WarningBox text='Provider required' /> : <MemoizedModelSelectBox featureName={featureName} />}
 	</>
 }
diff --git a/src/vs/workbench/contrib/void/browser/react/tailwind.config.js b/src/vs/workbench/contrib/void/browser/react/tailwind.config.js
index 364f66a7..e99703ba 100644
--- a/src/vs/workbench/contrib/void/browser/react/tailwind.config.js
+++ b/src/vs/workbench/contrib/void/browser/react/tailwind.config.js
@@ -34,7 +34,7 @@ module.exports = {
 				"void-fg-1": "var(--vscode-editor-foreground)",
 				"void-fg-2": "var(--vscode-input-foreground)",
 				"void-fg-3": "var(--vscode-input-placeholderForeground)",
-				"void-warning": "var(--vscode-charts-orange)",
+				"void-warning": "var(--vscode-charts-yellow)",
 
 				"void-border-1": "var(--vscode-commandCenter-activeBorder)",
 				"void-border-2": "var(--vscode-commandCenter-border)",