Reconnexion/festipod
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update meeting points

Browse Source
This commit is contained in:
Sylvain Duchesne
2026-01-26 17:20:33 +01:00
parent 21f33faf4a
commit 3fb60388fb
6 changed files with 714 additions and 675 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/screens/MeetingPointsScreen.tsx
+34 -31
View File
@@ -1,22 +1,21 @@
import React from 'react';
import React, { useState } from 'react';
import { Header, Text, Button, Card, Avatar, Input, Divider } from '../components/sketchy';
import type { ScreenProps } from './index';
export function MeetingPointsScreen({ navigate }: ScreenProps) {
const [showForm, setShowForm] = useState(false);
const meetingPoints = [
{
id: '1',
location: 'Café de la Place',
time: '30 min avant l\'événement',
host: { initials: 'MD', name: 'Marie' },
participants: 3,
},
{
id: '2',
location: 'Station de métro Bellecour',
time: '15h30',
host: { initials: 'JD', name: 'Jean' },
participants: 5,
},
];
@@ -30,7 +29,7 @@ export function MeetingPointsScreen({ navigate }: ScreenProps) {
{/* Content */}
<div style={{ flex: 1, overflow: 'auto', padding: 16 }}>
<Text style={{ color: 'var(--sketch-gray)', marginBottom: 16 }}>
Retrouvez d'autres participants avant l'événement pour y aller ensemble !
Proposez un lieu de rendez-vous pour y aller ensemble !
</Text>
{/* Existing meeting points */}
@@ -43,42 +42,46 @@ export function MeetingPointsScreen({ navigate }: ScreenProps) {
<Text style={{ margin: '4px 0', fontSize: 14, color: 'var(--sketch-gray)' }}>
<span className="user-content">{mp.time}</span> · Proposé par <span className="user-content">{mp.host.name}</span>
</Text>
<Text style={{ margin: 0, fontSize: 13 }}>
{mp.participants} participant{mp.participants > 1 ? 's' : ''} inscrit{mp.participants > 1 ? 's' : ''}
</Text>
</div>
</div>
<div style={{ display: 'flex', gap: 8, marginTop: 12 }}>
<Button variant="primary" style={{ flex: 1 }}>Rejoindre</Button>
<Button style={{ flex: 1 }}>Voir les participants</Button>
</div>
</Card>
))}
<Divider />
{/* Create new meeting point */}
<Text style={{ fontWeight: 'bold', marginBottom: 12 }}>Proposer un point de rencontre</Text>
<div style={{ display: 'flex', flexDirection: 'column', gap: 12 }}>
<div>
<Text style={{ marginBottom: 6, fontSize: 14 }}>Lieu</Text>
<Input placeholder="Ex: Café de la Gare, Entrée du parc..." />
</div>
<div>
<Text style={{ marginBottom: 6, fontSize: 14 }}>Heure</Text>
<div style={{ display: 'flex', gap: 8 }}>
<Button style={{ flex: 1 }}>30 min avant</Button>
<Button variant="primary" style={{ flex: 1 }}>1h avant</Button>
<Button style={{ flex: 1 }}>Personnalisé</Button>
</div>
</div>
<Button variant="primary" style={{ marginTop: 8 }}>
Créer le point de rencontre
{!showForm ? (
<Button variant="primary" style={{ width: '100%' }} onClick={() => setShowForm(true)}>
+ Proposer un point de rencontre
</Button>
</div>
) : (
<>
<Text style={{ fontWeight: 'bold', marginBottom: 12 }}>Proposer un point de rencontre</Text>
<div style={{ display: 'flex', flexDirection: 'column', gap: 12 }}>
<div>
<Text style={{ marginBottom: 6, fontSize: 14 }}>Lieu</Text>
<Input placeholder="Ex: Café de la Gare, Entrée du parc..." />
</div>
<div>
<Text style={{ marginBottom: 6, fontSize: 14 }}>Heure</Text>
<div style={{ display: 'flex', gap: 8 }}>
<Button style={{ flex: 1 }}>30 min avant</Button>
<Button variant="primary" style={{ flex: 1 }}>1h avant</Button>
<Button style={{ flex: 1 }}>Personnalisé</Button>
</div>
</div>
<div style={{ display: 'flex', gap: 8, marginTop: 8 }}>
<Button style={{ flex: 1 }} onClick={() => setShowForm(false)}>Annuler</Button>
<Button variant="primary" style={{ flex: 1 }}>
Créer le point de rencontre
</Button>
</div>
</div>
</>
)}
</div>
</div>