+ {team.models.length === 0 ? (
+
+ ) : (
+ <>
+
+ {team.models.length > 3 && (
+
+ {
+ setExpandedAccordions((prev) => ({
+ ...prev,
+ [team.team_id]: !prev[team.team_id],
+ }));
+ }}
+ />
+
+ )}
+
+ {team.models.slice(0, 3).map((model: string, index: number) =>
+ model === "all-proxy-models" ? (
+
+ All Proxy Models
+
+ ) : (
+
- +{team.models.length - 3}{" "}
- {team.models.length - 3 === 1
- ? "more model"
- : "more models"}
+ {model.length > 30
+ ? `${getModelDisplayName(model).slice(0, 30)}...`
+ : getModelDisplayName(model)}
- )}
- {expandedAccordions[team.team_id] && (
-
- {team.models.slice(3).map((model: string, index: number) =>
- model === "all-proxy-models" ? (
-
- All Proxy Models
-
- ) : (
-
-
- {model.length > 30
- ? `${getModelDisplayName(model).slice(0, 30)}...`
- : getModelDisplayName(model)}
-
-
- ),
- )}
-
- )}
-
+ ),
+ )}
+ {team.models.length > 3 && !expandedAccordions[team.team_id] && (
+
+
+ +{team.models.length - 3}{" "}
+ {team.models.length - 3 === 1 ? "more model" : "more models"}
+
+
+ )}
+ {expandedAccordions[team.team_id] && (
+
+ {team.models.slice(3).map((model: string, index: number) =>
+ model === "all-proxy-models" ? (
+
+ All Proxy Models
+
+ ) : (
+
+
+ {model.length > 30
+ ? `${getModelDisplayName(model).slice(0, 30)}...`
+ : getModelDisplayName(model)}
+
+
+ ),
+ )}
+
+ )}
- >
- )}
-