mirror of
https://github.com/makeplane/plane
synced 2024-06-14 14:31:34 +00:00
20e7dc68e6
* style: update modals typography, alignment * style: made the modal separator full width * style: delete modals consistency * style: update the remaining delete modals * chore: delete modal secondary button text * style: update the remaining create modals * chore: update cancel button text * chore: created modal core * style: modals responsiveness
33 lines
965 B
TypeScript
33 lines
965 B
TypeScript
import { FC } from "react";
|
|
import { observer } from "mobx-react";
|
|
import { TIssue } from "@plane/types";
|
|
import { Input } from "@plane/ui";
|
|
|
|
type TInboxIssueTitle = {
|
|
data: Partial<TIssue>;
|
|
handleData: (issueKey: keyof Partial<TIssue>, issueValue: Partial<TIssue>[keyof Partial<TIssue>]) => void;
|
|
isTitleLengthMoreThan255Character?: boolean;
|
|
};
|
|
|
|
export const InboxIssueTitle: FC<TInboxIssueTitle> = observer((props) => {
|
|
const { data, handleData, isTitleLengthMoreThan255Character } = props;
|
|
|
|
return (
|
|
<div className="space-y-1">
|
|
<Input
|
|
id="name"
|
|
name="name"
|
|
type="text"
|
|
value={data?.name}
|
|
onChange={(e) => handleData("name", e.target.value)}
|
|
placeholder="Title"
|
|
className="w-full text-base"
|
|
required
|
|
/>
|
|
{isTitleLengthMoreThan255Character && (
|
|
<span className="text-xs text-red-500">Title should be less than 255 characters</span>
|
|
)}
|
|
</div>
|
|
);
|
|
});
|