mirror/formbricks-formbricks
1
0
Fork 0
mirror of https://github.com/formbricks/formbricks.git synced 2026-02-21 06:19:01 -06:00
Code Issues Packages Projects Releases 100 Wiki Activity

fix: i18n issues in date picker (#4469)

Browse Source
This commit is contained in:
Dhruwang Jariwala
2024-12-16 13:19:47 +05:30
committed by GitHub
parent 65d9220df6
commit 971053c90d
4 changed files with 20 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
apps/web/app/(app)/(survey-editor)/environments/[environmentId]/surveys/[surveyId]/edit/components/CTAQuestionForm.tsx
View File

@@ -12,14 +12,6 @@ import { TContactAttributeKey } from "@formbricks/types/contact-attribute-key";
import { TSurvey, TSurveyCTAQuestion } from "@formbricks/types/surveys/types";
import { TUserLocale } from "@formbricks/types/user";
const options = [
{
value: "internal",
label: "environments.surveys.edit.button_to_continue_in_survey",
},
{ value: "external", label: "environments.surveys.edit.button_to_link_to_external_url" },
];
interface CTAQuestionFormProps {
localSurvey: TSurvey;
question: TSurveyCTAQuestion;
@@ -45,8 +37,15 @@ export const CTAQuestionForm = ({
contactAttributeKeys,
locale,
}: CTAQuestionFormProps): JSX.Element => {
const [firstRender, setFirstRender] = useState(true);
const t = useTranslations();
const options = [
{
value: "internal",
label: t("environments.surveys.edit.button_to_continue_in_survey"),
},
{ value: "external", label: t("environments.surveys.edit.button_to_link_to_external_url") },
];
const [firstRender, setFirstRender] = useState(true);
const [parent] = useAutoAnimate();
return (
<form ref={parent}>

15
apps/web/app/(app)/(survey-editor)/environments/[environmentId]/surveys/[surveyId]/edit/components/OpenQuestionForm.tsx
View File

@@ -19,14 +19,6 @@ import {
} from "@formbricks/types/surveys/types";
import { TUserLocale } from "@formbricks/types/user";
const questionTypes = [
{ value: "text", label: "common.text", icon: <MessageSquareTextIcon className="h-4 w-4" /> },
{ value: "email", label: "common.email", icon: <MailIcon className="h-4 w-4" /> },
{ value: "url", label: "common.url", icon: <LinkIcon className="h-4 w-4" /> },
{ value: "number", label: "common.number", icon: <HashIcon className="h-4 w-4" /> },
{ value: "phone", label: "common.phone", icon: <PhoneIcon className="h-4 w-4" /> },
];
interface OpenQuestionFormProps {
localSurvey: TSurvey;
question: TSurveyOpenTextQuestion;
@@ -52,6 +44,13 @@ export const OpenQuestionForm = ({
locale,
}: OpenQuestionFormProps): JSX.Element => {
const t = useTranslations();
const questionTypes = [
{ value: "text", label: t("common.text"), icon: <MessageSquareTextIcon className="h-4 w-4" /> },
{ value: "email", label: t("common.email"), icon: <MailIcon className="h-4 w-4" /> },
{ value: "url", label: t("common.url"), icon: <LinkIcon className="h-4 w-4" /> },
{ value: "number", label: t("common.number"), icon: <HashIcon className="h-4 w-4" /> },
{ value: "phone", label: t("common.phone"), icon: <PhoneIcon className="h-4 w-4" /> },
];
const defaultPlaceholder = getPlaceholderByInputType(question.inputType ?? "text");
const surveyLanguageCodes = extractLanguageCodes(localSurvey.languages ?? []);

8
apps/web/modules/ui/components/file-input/index.tsx
View File

@@ -17,10 +17,6 @@ const allowedFileTypesForPreview = ["png", "jpeg", "jpg", "webp"];
const isImage = (name: string) => {
return allowedFileTypesForPreview.includes(name.split(".").pop() as TAllowedFileExtension);
};
const options = [
{ value: "image", label: "common.image" },
{ value: "video", label: "common.video" },
];
interface FileInputProps {
id: string;
@@ -56,6 +52,10 @@ export const FileInput = ({
disabled = false,
}: FileInputProps) => {
const t = useTranslations();
const options = [
{ value: "image", label: t("common.image") },
{ value: "video", label: t("common.video") },
];
const [selectedFiles, setSelectedFiles] = useState<SelectedFile[]>([]);
const [uploadedVideoUrl, setUploadedVideoUrl] = useState(videoUrl ?? "");
const [activeTab, setActiveTab] = useState(videoUrl ? "video" : "image");

4
apps/web/modules/ui/components/options-switch/index.tsx
View File

@@ -1,4 +1,3 @@
import { useTranslations } from "next-intl";
import React, { useEffect, useRef, useState } from "react";
interface TOption {
@@ -21,7 +20,6 @@ export const OptionsSwitch = ({
}: OptionsSwitchProps) => {
const [highlightStyle, setHighlightStyle] = useState({});
const containerRef = useRef<HTMLDivElement>(null);
const t = useTranslations();
useEffect(() => {
if (containerRef.current) {
const activeElement = containerRef.current.querySelector(`[data-value="${currentOption}"]`);
@@ -56,7 +54,7 @@ export const OptionsSwitch = ({
: "cursor-pointer hover:bg-slate-50"
}`}>
<div className="flex items-center justify-center space-x-2">
<span className="text-sm text-slate-900">{t(type.label)}</span>
<span className="text-sm text-slate-900">{type.label}</span>
{type.icon && <div className="h-4 w-4 text-slate-600 hover:text-slate-800">{type.icon}</div>}
</div>
</div>