feat: highlight selected model families

Neet-Nestor · Neet-Nestor · commit d182c857b335 · 2024-12-10T00:38:28.000-05:00
diff --git a/app/components/model-select.module.scss b/app/components/model-select.module.scss
@@ -55,6 +55,11 @@ input.input[type=text] {
             }
         }
     }
+
+    .selected-model-family {
+        border-color: var(--primary);
+        background-color: var(--second);
+    }
 }
 
 .model-icon {
diff --git a/app/components/model-select.tsx b/app/components/model-select.tsx
@@ -233,7 +233,7 @@ const ModelSelect: React.FC<ModelSearchProps> = ({
                     {Icon ? <Icon /> : <Cpu />}
                   </div>
                 }
-                className={style["model-family-button"]}
+                className={`${style["model-family-button"]}${selectedFamilies.includes(key) ? " " + style["selected-model-family"] : ""}`}
               />
             ))}
           </div>

Original file line number	Diff line number	Diff line change
`@@ -233,7 +233,7 @@ const ModelSelect: React.FC<ModelSearchProps> = ({`
`233`	`233`	`{Icon ? <Icon /> : <Cpu />}`
`234`	`234`	`</div>`
`235`	`235`	`}`
`236`		`- className={style["model-family-button"]}`
	`236`	+ className={`${style["model-family-button"]}${selectedFamilies.includes(key) ? " " + style["selected-model-family"] : ""}`}
`237`	`237`	`/>`
`238`	`238`	`))}`
`239`	`239`	`</div>`