Revert "Standardize Radio Button input" (#1758)

This commit is contained in:
Lily Delalande
2025-03-18 17:38:16 -07:00
committed by GitHub
parent 2937be0bc9
commit 808b0c8a3b
6 changed files with 93 additions and 101 deletions
@@ -5,7 +5,11 @@ import { useHandleModelSelection } from './utils';
import type { View } from '@/src/App';
interface ModelRadioListProps {
RenderItem: React.FC<{ model: Model; isSelected: boolean; onSelect: () => void }>;
renderItem: (props: {
model: Model;
isSelected: boolean;
onSelect: () => void;
}) => React.ReactNode;
className?: string;
}
@@ -25,7 +29,7 @@ export function SeeMoreModelsButtons({ setView }: { setView: (view: View) => voi
);
}
export function ModelRadioList({ RenderItem, className = '' }: ModelRadioListProps) {
export function ModelRadioList({ renderItem, className = '' }: ModelRadioListProps) {
const { recentModels } = useRecentModels();
const { currentModel } = useModel();
const handleModelSelection = useHandleModelSelection();
@@ -49,14 +53,13 @@ export function ModelRadioList({ RenderItem, className = '' }: ModelRadioListPro
return (
<div className={className}>
{recentModels.map((model) => (
<RenderItem
key={model.name}
model={model}
isSelected={selectedModel === model.name}
onSelect={() => handleRadioChange(model)}
/>
))}
{recentModels.map((model) =>
renderItem({
model,
isSelected: selectedModel === model.name,
onSelect: () => handleRadioChange(model),
})
)}
</div>
);
}
@@ -137,7 +137,7 @@ export function RecentModelsRadio({ setView }: { setView: (view: View) => void }
<div className="px-8">
<div className="space-y-2">
<ModelRadioList
RenderItem={({ model, isSelected, onSelect }) => (
renderItem={({ model, isSelected, onSelect }) => (
<label key={model.name} className="flex items-center py-2 cursor-pointer">
<div className="relative mr-4">
<input