mirror of
https://github.com/hexastack/hexabot
synced 2025-04-16 21:56:00 +00:00
44 lines
1.6 KiB
TypeScript
44 lines
1.6 KiB
TypeScript
/*
|
|
* Copyright © 2024 Hexastack. All rights reserved.
|
|
*
|
|
* Licensed under the GNU Affero General Public License v3.0 (AGPLv3) with the following additional terms:
|
|
* 1. The name "Hexabot" is a trademark of Hexastack. You may not use this name in derivative works without express written permission.
|
|
* 2. All derivative works must include clear attribution to the original creator and software, Hexastack and Hexabot, in a prominent location (e.g., in the software's "About" section, documentation, and README file).
|
|
* 3. SaaS Restriction: This software, or any derivative of it, may not be used to offer a competing product or service (SaaS) without prior written consent from Hexastack. Offering the software as a service or using it in a commercial cloud environment without express permission is strictly prohibited.
|
|
*/
|
|
|
|
import { Grid } from "@mui/material";
|
|
import React from "react";
|
|
import { ControllerRenderProps } from "react-hook-form";
|
|
|
|
import { Input } from "@/app-components/inputs/Input";
|
|
import { ILanguage } from "@/types/language.types";
|
|
import { ITranslationAttributes } from "@/types/translation.types";
|
|
|
|
interface RenderTranslationInputProps {
|
|
language: ILanguage;
|
|
field: ControllerRenderProps<ITranslationAttributes, any>;
|
|
}
|
|
|
|
const TranslationInput: React.FC<RenderTranslationInputProps> = ({
|
|
language,
|
|
field,
|
|
}) => (
|
|
<Input
|
|
inputRef={field.ref}
|
|
dir={language.isRTL ? "rtl" : "ltr"}
|
|
label={
|
|
<Grid container dir="ltr">
|
|
<Grid>{language.title}</Grid>
|
|
</Grid>
|
|
}
|
|
multiline={true}
|
|
minRows={3}
|
|
{...field}
|
|
/>
|
|
);
|
|
|
|
TranslationInput.displayName = "TranslationInput";
|
|
|
|
export default TranslationInput;
|