provide a key to provisioner tags to keep react happy

SasSwart · SasSwart · commit b228257e3309 · 2024-11-27T09:36:53.000Z
diff --git a/site/src/modules/provisioners/ProvisionerAlert.stories.tsx b/site/src/modules/provisioners/ProvisionerAlert.stories.tsx
@@ -27,6 +27,20 @@ export const HealthyProvisioners: Story = {
 	}
 };
 
+export const UndefinedMatchingProvisioners: Story = {
+	args: {
+		matchingProvisioners: undefined,
+		availableProvisioners: undefined
+	}
+};
+
+export const UndefinedAvailableProvisioners: Story = {
+	args: {
+		matchingProvisioners: 1,
+		availableProvisioners: undefined
+	}
+};
+
 export const NoMatchingProvisioners: Story = {
 	args: {
 		matchingProvisioners: 0,
diff --git a/site/src/modules/provisioners/ProvisionerAlert.tsx b/site/src/modules/provisioners/ProvisionerAlert.tsx
@@ -48,6 +48,7 @@ export const ProvisionerAlert : FC<ProvisionerAlertProps> = ({
 						.filter(([key]) => key !== "owner")
 						.map(([key, value]) => (
 							<ProvisionerTag
+								key={key}
 								tagName={key}
 								tagValue={value}
 							/>
@@ -58,14 +59,14 @@ export const ProvisionerAlert : FC<ProvisionerAlertProps> = ({
 	);
 };
 
-interface ProvisionerJobErrorProps {
+interface ProvisionerJobAlertProps {
 	title: string
 	detail: string
 	severity: AlertColor
 	tags: Record<string, string>
 }
 
-export const ProvisionerJobAlert : FC<ProvisionerJobErrorProps> = ({
+export const ProvisionerJobAlert : FC<ProvisionerJobAlertProps> = ({
 	title,
 	detail,
 	severity,
@@ -89,6 +90,7 @@ export const ProvisionerJobAlert : FC<ProvisionerJobErrorProps> = ({
 						.filter(([key]) => key !== "owner")
 						.map(([key, value]) => (
 							<ProvisionerTag
+								key={key}
 								tagName={key}
 								tagValue={value}
 							/>
