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
@@ -17,6 +17,7 @@ import { useCreateIntegration } from "@app/hooks/api";
import { useGetIntegrationAuthAwsKmsKeys } from "@app/hooks/api/integrationAuth/queries"; import { useGetIntegrationAuthAwsKmsKeys } from "@app/hooks/api/integrationAuth/queries";
import { import {
Badge,
Button, Button,
Card, Card,
CardTitle, CardTitle,
@@ -246,7 +247,7 @@ export default function AWSParameterStoreCreateIntegrationPage() {
> >
{awsRegions.map((awsRegion) => ( {awsRegions.map((awsRegion) => (
<SelectItem value={awsRegion.slug} key={`aws-environment-${awsRegion.slug}`}> <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> </SelectItem>
))} ))}
</Select> </Select>
@@ -18,6 +18,7 @@ import { useGetIntegrationAuthAwsKmsKeys } from "@app/hooks/api/integrationAuth/
import { IntegrationMappingBehavior } from "@app/hooks/api/integrations/types"; import { IntegrationMappingBehavior } from "@app/hooks/api/integrations/types";
import { import {
Badge,
Button, Button,
Card, Card,
CardTitle, CardTitle,
@@ -272,7 +273,7 @@ export default function AWSSecretManagerCreateIntegrationPage() {
className="flex w-full justify-between" className="flex w-full justify-between"
key={`aws-environment-${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> </SelectItem>
))} ))}
</Select> </Select>
@@ -2,7 +2,7 @@ import { Controller, useForm } from "react-hook-form";
import { zodResolver } from "@hookform/resolvers/zod"; import { zodResolver } from "@hookform/resolvers/zod";
import { createNotification } from "@app/components/notifications"; 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 { useOrganization } from "@app/context";
import { useAddExternalKms, useUpdateExternalKms } from "@app/hooks/api"; import { useAddExternalKms, useUpdateExternalKms } from "@app/hooks/api";
import { import {
@@ -244,7 +244,7 @@ export const AwsKmsForm = ({ onCompleted, onCancel, kms }: Props) => {
> >
{AWS_REGIONS.map((awsRegion) => ( {AWS_REGIONS.map((awsRegion) => (
<SelectItem value={awsRegion.slug} key={`kms-aws-region-${awsRegion.slug}`}> <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> </SelectItem>
))} ))}
</Select> </Select>