administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2025-12-12 16:16:42 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

add classname

Browse Source
This commit is contained in:
Josh Hawkins 2025-10-10 13:16:25 -05:00
parent ef3e9bccd3
commit 4a34451232
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
web/src/components/indicators/StepIndicator.tsx
View File

@ -6,6 +6,7 @@ type StepIndicatorProps = {
currentStep: number;
variant?: "default" | "dots";
translationNameSpace?: string;
className?: string;
};
export default function StepIndicator({
@ -13,17 +14,18 @@ export default function StepIndicator({
currentStep,
variant = "default",
translationNameSpace,
className,
}: StepIndicatorProps) {
const { t } = useTranslation(translationNameSpace);
if (variant == "dots") {
return (
<div className="flex flex-row justify-center gap-2">
<div className={cn("flex flex-row justify-center gap-2", className)}>
{steps.map((_, idx) => (
<div
key={idx}
className={cn(
"size-2 rounded-full transition-colors",
"size-3 rounded-full border border-primary/10 transition-colors",
currentStep === idx
? "bg-selected"
: currentStep > idx
@ -38,7 +40,7 @@ export default function StepIndicator({
// Default variant (original behavior)
return (
<div className="flex flex-row justify-evenly">
<div className={cn("flex flex-row justify-evenly", className)}>
{steps.map((name, idx) => (
<div key={idx} className="flex flex-col items-center gap-2">
<div