mirror/formbricks
1
0
Fork 0
mirror of https://github.com/formbricks/formbricks.git synced 2026-01-06 16:24:08 -06:00
Code Issues Packages Projects Releases 118 Wiki Activity

fix: Align the UI for the different survey states (#3225)

Browse Source 
Co-authored-by: Johannes <72809645+jobenjada@users.noreply.github.com>
This commit is contained in:
Sai Suhas Sawant
2024-10-07 03:17:20 +05:30
committed by GitHub
parent 31a8cf3b23
commit fb4e4159bc
1 changed files with 12 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/components/SurveyStatusDropdown.tsx
View File

@@ -1,4 +1,3 @@
import { CheckCircle2Icon, PauseCircleIcon, PlayCircleIcon } from "lucide-react";
import toast from "react-hot-toast";
import { TEnvironment } from "@formbricks/types/environment";
import { TSurvey } from "@formbricks/types/surveys/types";
@@ -83,16 +82,22 @@ export const SurveyStatusDropdown = ({
</TooltipTrigger>
<SelectContent className="bg-white">
<SelectItem className="group font-normal hover:text-slate-900" value="inProgress">
<PlayCircleIcon className="-mt-1 mr-1 inline h-5 w-5 text-slate-500 group-hover:text-slate-800" />
In-progress
<div className="flex w-full items-center justify-center gap-4">
<SurveyStatusIndicator status={"inProgress"} />
In-progress
</div>
</SelectItem>
<SelectItem className="group font-normal hover:text-slate-900" value="paused">
<PauseCircleIcon className="-mt-1 mr-1 inline h-5 w-5 text-slate-500 group-hover:text-slate-800" />
Paused
<div className="flex w-full items-center justify-center gap-2">
<SurveyStatusIndicator status={"paused"} />
Paused
</div>
</SelectItem>
<SelectItem className="group font-normal hover:text-slate-900" value="completed">
<CheckCircle2Icon className="-mt-1 mr-1 inline h-5 w-5 text-slate-500 group-hover:text-slate-800" />
Completed
<div className="flex w-full items-center justify-center gap-2">
<SurveyStatusIndicator status={"completed"} />
Completed
</div>
</SelectItem>
</SelectContent>