fix: ui improvement

This commit is contained in:
Daniel Hougaard
2024-12-16 15:32:38 +01:00
parent 2ac110f00e
commit 111605a945
@@ -4,11 +4,7 @@ import Head from "next/head";
import Image from "next/image"; import Image from "next/image";
import Link from "next/link"; import Link from "next/link";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import { import { faArrowUpRightFromSquare, faBookOpen } from "@fortawesome/free-solid-svg-icons";
faArrowUpRightFromSquare,
faBookOpen,
faQuestionCircle
} from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { zodResolver } from "@hookform/resolvers/zod"; import { zodResolver } from "@hookform/resolvers/zod";
import queryString from "query-string"; import queryString from "query-string";
@@ -24,11 +20,11 @@ import {
Card, Card,
CardTitle, CardTitle,
FormControl, FormControl,
FormLabel,
Input, Input,
Select, Select,
SelectItem, SelectItem,
Switch, Switch
Tooltip
} from "../../../components/v2"; } from "../../../components/v2";
import { useGetIntegrationAuthById } from "../../../hooks/api/integrationAuth"; import { useGetIntegrationAuthById } from "../../../hooks/api/integrationAuth";
import { useGetWorkspaceById } from "../../../hooks/api/workspace"; import { useGetWorkspaceById } from "../../../hooks/api/workspace";
@@ -209,7 +205,7 @@ export default function AzureAppConfigurationCreateIntegration() {
)} )}
/> />
<div className="flex w-full flex-col gap-1"> <div className="mb-2 flex w-full flex-col gap-1">
<Controller <Controller
control={control} control={control}
name="useLabels" name="useLabels"
@@ -219,12 +215,7 @@ export default function AzureAppConfigurationCreateIntegration() {
onCheckedChange={(isChecked) => onChange(isChecked)} onCheckedChange={(isChecked) => onChange(isChecked)}
isChecked={value} isChecked={value}
> >
<div className="flex w-full items-center gap-1"> <FormLabel label="Use Labels" />
Use Labels
<Tooltip content="Assign a label to each key-value pair that gets synced to your Azure App Configuration.">
<FontAwesomeIcon icon={faQuestionCircle} size="1x" />
</Tooltip>
</div>
</Switch> </Switch>
)} )}
/> />