iod/page-assist
10
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add new translations and update existing ones

Browse Source
This commit is contained in:
n4ze3m
2024-03-24 14:38:37 +05:30
parent 9a2adbd859
commit d9ce1e2d2c
8 changed files with 116 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/Common/Playground/Message.tsx
View File

@@ -4,6 +4,7 @@ import { Image, Tooltip } from "antd"
import { WebSearch } from "./WebSearch"
import { CheckIcon, ClipboardIcon, Pen, RotateCcw } from "lucide-react"
import { EditMessageForm } from "./EditMessageForm"
import { useTranslation } from "react-i18next"
type Props = {
message: string
@@ -28,6 +29,8 @@ export const PlaygroundMessage = (props: Props) => {
const [isBtnPressed, setIsBtnPressed] = React.useState(false)
const [editMode, setEditMode] = React.useState(false)
const { t } = useTranslation("common")
return (
<div className="group w-full text-gray-800 dark:text-gray-100">
<div className="text-base md:max-w-2xl lg:max-w-xl xl:max-w-3xl flex lg:px-0 m-auto w-full">
@@ -112,7 +115,8 @@ export const PlaygroundMessage = (props: Props) => {
{props.isBot && (
<>
{!props.hideCopy && (
<Tooltip title="Copy to clipboard">
<Tooltip title={t("copyToClipboard")}
>
<button
onClick={() => {
navigator.clipboard.writeText(props.message)
@@ -133,7 +137,8 @@ export const PlaygroundMessage = (props: Props) => {
{!props.hideEditAndRegenerate &&
props.currentMessageIndex === props.totalMessages - 1 && (
<Tooltip title="Regenerate">
<Tooltip title={t("regenerate")}
>
<button
onClick={props.onRengerate}
className="flex items-center justify-center w-6 h-6 rounded-full bg-gray-100 dark:bg-gray-800 hover:bg-gray-200 dark:hover:bg-gray-700 transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500">
@@ -144,7 +149,8 @@ export const PlaygroundMessage = (props: Props) => {
</>
)}
{!props.hideEditAndRegenerate && (
<Tooltip title="Edit">
<Tooltip title={t("edit")}
>
<button
onClick={() => setEditMode(true)}
className="flex items-center justify-center w-6 h-6 rounded-full bg-gray-100 dark:bg-gray-800 hover:bg-gray-200 dark:hover:bg-gray-700 transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500">