yannick.leduc/mes-budgets-participatifs
1
1
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

lien public pour dépot propositions

Browse Source
This commit is contained in:
Yannick Le Duc
2025-08-25 14:43:29 +02:00
parent e0f86a8845
commit 30a228e14f
7 changed files with 519 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
src/components/AddPropositionModal.tsx
View File

@@ -22,7 +22,10 @@ export default function AddPropositionModal({
}: AddPropositionModalProps) {
const [formData, setFormData] = useState({
title: '',
description: ''
description: '',
author_first_name: '',
author_last_name: '',
author_email: ''
});
const [loading, setLoading] = useState(false);
const [error, setError] = useState('');
@@ -36,13 +39,19 @@ export default function AddPropositionModal({
await propositionService.create({
campaign_id: campaignId,
title: formData.title,
description: formData.description
description: formData.description,
author_first_name: formData.author_first_name,
author_last_name: formData.author_last_name,
author_email: formData.author_email
});
onSuccess();
// Reset form
setFormData({
title: '',
description: ''
description: '',
author_first_name: '',
author_last_name: '',
author_email: ''
});
} catch (err) {
setError('Erreur lors de l\'ajout de la proposition');
@@ -123,6 +132,60 @@ export default function AddPropositionModal({
/>
</div>
<div className="border-t border-gray-200 pt-4">
<h3 className="text-sm font-medium text-gray-900 mb-3">Informations de l'auteur</h3>
<div className="grid grid-cols-1 md:grid-cols-2 gap-3">
<div>
<label htmlFor="author_first_name" className="block text-sm font-medium text-gray-700 mb-1">
Prénom *
</label>
<input
type="text"
id="author_first_name"
name="author_first_name"
value={formData.author_first_name}
onChange={handleChange}
required
className="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500"
placeholder="Prénom"
/>
</div>
<div>
<label htmlFor="author_last_name" className="block text-sm font-medium text-gray-700 mb-1">
Nom *
</label>
<input
type="text"
id="author_last_name"
name="author_last_name"
value={formData.author_last_name}
onChange={handleChange}
required
className="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500"
placeholder="Nom"
/>
</div>
</div>
<div className="mt-3">
<label htmlFor="author_email" className="block text-sm font-medium text-gray-700 mb-1">
Email *
</label>
<input
type="email"
id="author_email"
name="author_email"
value={formData.author_email}
onChange={handleChange}
required
className="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500"
placeholder="email@exemple.com"
/>
</div>
</div>
<div className="flex items-center justify-end space-x-3 pt-4">
<button
type="button"

64
src/components/EditPropositionModal.tsx
View File

@@ -21,7 +21,10 @@ export default function EditPropositionModal({
}: EditPropositionModalProps) {
const [formData, setFormData] = useState({
title: '',
description: ''
description: '',
author_first_name: '',
author_last_name: '',
author_email: ''
});
const [loading, setLoading] = useState(false);
const [error, setError] = useState('');
@@ -31,7 +34,10 @@ export default function EditPropositionModal({
if (proposition) {
setFormData({
title: proposition.title,
description: proposition.description
description: proposition.description,
author_first_name: proposition.author_first_name,
author_last_name: proposition.author_last_name,
author_email: proposition.author_email
});
}
}, [proposition]);
@@ -117,6 +123,60 @@ export default function EditPropositionModal({
/>
</div>
<div className="border-t border-gray-200 pt-4">
<h3 className="text-sm font-medium text-gray-900 mb-3">Informations de l'auteur</h3>
<div className="grid grid-cols-1 md:grid-cols-2 gap-3">
<div>
<label htmlFor="author_first_name" className="block text-sm font-medium text-gray-700 mb-1">
Prénom *
</label>
<input
type="text"
id="author_first_name"
name="author_first_name"
value={formData.author_first_name}
onChange={handleChange}
required
className="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500"
placeholder="Prénom"
/>
</div>
<div>
<label htmlFor="author_last_name" className="block text-sm font-medium text-gray-700 mb-1">
Nom *
</label>
<input
type="text"
id="author_last_name"
name="author_last_name"
value={formData.author_last_name}
onChange={handleChange}
required
className="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500"
placeholder="Nom"
/>
</div>
</div>
<div className="mt-3">
<label htmlFor="author_email" className="block text-sm font-medium text-gray-700 mb-1">
Email *
</label>
<input
type="email"
id="author_email"
name="author_email"
value={formData.author_email}
onChange={handleChange}
required
className="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500"
placeholder="email@exemple.com"
/>
</div>
</div>
<div className="flex items-center justify-end space-x-3 pt-4">
<button
type="button"