34 lines
1.3 KiB
TypeScript
34 lines
1.3 KiB
TypeScript
|
import { newLine } from "../front";
|
||
|
|
|
||
|
|
interface ContactFormProps {
|
||
|
|
columns: number;
|
||
|
|
rows: number;
|
||
|
|
contactFormData: {
|
||
|
|
name: string;
|
||
|
|
email: string;
|
||
|
|
message: string;
|
||
|
|
};
|
||
|
|
contactFormSelectedField: "name" | "email" | "message" | "submit";
|
||
|
|
}
|
||
|
|
|
||
|
|
const ContactForm = ({ rows, columns, contactFormData, contactFormSelectedField }: ContactFormProps) => {
|
||
|
|
return (
|
||
|
|
`${newLine}` +
|
||
|
|
`Send your message to Jokin here.${newLine}` +
|
||
|
|
`You can switch between fields with the tab key.${newLine}` +
|
||
|
|
`Then, send the message by selecting the "Submit" button and hitting enter.${newLine}${newLine}` +
|
||
|
|
` ${contactFormSelectedField == "name" ? "\x1b[7mYour name\x1b[0m" : "Your name"}: ${contactFormData.name}${
|
||
|
|
contactFormSelectedField == "name" ? "|" : ""
|
||
|
|
}${newLine}` +
|
||
|
|
` ${contactFormSelectedField == "email" ? "\x1b[7mYour email\x1b[0m" : "Your email"}: ${
|
||
|
|
contactFormData.email
|
||
|
|
}${contactFormSelectedField == "email" ? "|" : ""}${newLine}` +
|
||
|
|
` ${contactFormSelectedField == "message" ? "\x1b[7mYour message\x1b[0m" : "Your message"}:${newLine} ${
|
||
|
|
contactFormData.message
|
||
|
|
}${contactFormSelectedField == "message" ? "|" : ""}${newLine}` +
|
||
|
|
`${newLine}` +
|
||
|
|
` ${contactFormSelectedField == "submit" ? "\x1b[7mSubmit\x1b[0m" : "Submit"}`
|
||
|
|
);
|
||
|
|
};
|
||
|
|
export default ContactForm;
|