3pp-mirror/rallly
1
0
Fork 0
mirror of https://github.com/lukevella/rallly.git synced 2025-05-24 06:16:25 +02:00
Code Issues Projects Releases Packages Wiki Activity

Translations (#225)

Browse source
This commit is contained in:
Luke Vella 2022-07-17 17:11:56 +01:00 • committed by GitHub
parent 9c61d34f24
commit bfb14b0e02
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
29 changed files with 342 additions and 275 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/components/discussion/discussion.tsx
View file

@ -1,6 +1,7 @@
import clsx from "clsx";
import dayjs from "dayjs";
import { AnimatePresence, motion } from "framer-motion";
import { useTranslation } from "next-i18next";
import { usePlausible } from "next-plausible";
import * as React from "react";
import { Controller, useForm } from "react-hook-form";
@ -25,6 +26,7 @@ interface CommentForm {
const Discussion: React.VoidFunctionComponent = () => {
const queryClient = trpc.useContext();
const { t } = useTranslation("app");
const { poll } = usePoll();
const pollId = poll.id;
@ -82,7 +84,7 @@ const Discussion: React.VoidFunctionComponent = () => {
return (
<div className="overflow-hidden border-t border-b shadow-sm md:rounded-lg md:border">
<div className="border-b bg-white px-4 py-2">
<div className="font-medium">Comments</div>
<div className="font-medium">{t("comments")}</div>
</div>
<div
className={clsx({
@ -129,7 +131,7 @@ const Discussion: React.VoidFunctionComponent = () => {
>
<DropdownItem
icon={Trash}
label="Delete comment"
label={t("deleteComment")}
disabled={!canDelete}
onClick={() => {
deleteComment.mutate({
@ -158,7 +160,7 @@ const Discussion: React.VoidFunctionComponent = () => {
>
<textarea
id="comment"
placeholder="Thanks for the invite!"
placeholder={t("commentPlaceholder")}
className="input w-full py-2 pl-3 pr-4"
{...register("content", { validate: requiredString })}
/>
@ -175,7 +177,7 @@ const Discussion: React.VoidFunctionComponent = () => {
/>
</div>
<Button htmlType="submit" loading={formState.isSubmitting}>
Comment
{t("comment")}
</Button>
</div>
</form>