File size: 1,431 Bytes
4f163ba 33ca6de 4f163ba | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 | import React from 'react';
import { useParams, Link } from 'react-router-dom';
const CreateSubmission: React.FC = () => {
const { id } = useParams();
return (
<div className="px-4 sm:px-6 lg:px-8">
<div className="mb-8">
<h1 className="text-2xl font-bold text-gray-900">Create Translation</h1>
<p className="mt-2 text-gray-600">Submit your creative translation for this text</p>
</div>
<div className="bg-white rounded-lg shadow p-6">
<h2 className="text-lg font-medium text-gray-900 mb-4">Text ID: {id}</h2>
<p className="text-gray-600 mb-4">
This page will contain a form for creating transcreations, including fields for the translated text,
cultural adaptations, explanations, and target culture selection.
</p>
<div className="flex space-x-3">
<Link
to={`/text/${id}`}
className="bg-gray-600 hover:bg-gray-700 text-white px-4 py-2 rounded-md text-sm font-medium transition-colors duration-200"
>
Back to Text
</Link>
<Link
to="/submissions"
className="bg-indigo-600 hover:bg-indigo-700 text-white px-4 py-2 rounded-md text-sm font-medium transition-colors duration-200"
>
View My Submissions
</Link>
</div>
</div>
</div>
);
};
export default CreateSubmission; |