improvement: switch slug to use badge

This commit is contained in:
Scott Wilson
2024-09-27 09:46:16 -07:00
parent cd09f03f0b
commit e7f1980b80
3 changed files with 6 additions and 4 deletions

View File

@@ -17,6 +17,7 @@ import { useCreateIntegration } from "@app/hooks/api";
import { useGetIntegrationAuthAwsKmsKeys } from "@app/hooks/api/integrationAuth/queries";
import {
Badge,
Button,
Card,
CardTitle,
@@ -246,7 +247,7 @@ export default function AWSParameterStoreCreateIntegrationPage() {
>
{awsRegions.map((awsRegion) => (
<SelectItem value={awsRegion.slug} key={`aws-environment-${awsRegion.slug}`}>
{awsRegion.name} <span className="text-mineshaft-400">{awsRegion.slug}</span>
{awsRegion.name} <Badge variant="success">{awsRegion.slug}</Badge>
</SelectItem>
))}
</Select>

View File

@@ -18,6 +18,7 @@ import { useGetIntegrationAuthAwsKmsKeys } from "@app/hooks/api/integrationAuth/
import { IntegrationMappingBehavior } from "@app/hooks/api/integrations/types";
import {
Badge,
Button,
Card,
CardTitle,
@@ -272,7 +273,7 @@ export default function AWSSecretManagerCreateIntegrationPage() {
className="flex w-full justify-between"
key={`aws-environment-${awsRegion.slug}`}
>
{awsRegion.name} <span className="text-mineshaft-400">{awsRegion.slug}</span>
{awsRegion.name} <Badge variant="success">{awsRegion.slug}</Badge>
</SelectItem>
))}
</Select>

View File

@@ -2,7 +2,7 @@ import { Controller, useForm } from "react-hook-form";
import { zodResolver } from "@hookform/resolvers/zod";
import { createNotification } from "@app/components/notifications";
import { Button, FormControl, Input, Select, SelectItem } from "@app/components/v2";
import { Badge, Button, FormControl, Input, Select, SelectItem } from "@app/components/v2";
import { useOrganization } from "@app/context";
import { useAddExternalKms, useUpdateExternalKms } from "@app/hooks/api";
import {
@@ -244,7 +244,7 @@ export const AwsKmsForm = ({ onCompleted, onCancel, kms }: Props) => {
>
{AWS_REGIONS.map((awsRegion) => (
<SelectItem value={awsRegion.slug} key={`kms-aws-region-${awsRegion.slug}`}>
{awsRegion.name} <span className="text-mineshaft-400">{awsRegion.slug}</span>
{awsRegion.name} <Badge variant="success">{awsRegion.slug}</Badge>
</SelectItem>
))}
</Select>