Unkown users
This commit is contained in:
Sylvain Duchesne
@@ -6,7 +6,7 @@ export function CreateEventScreen({ navigate }: ScreenProps) {
|
||||
return (
|
||||
<div style={{ display: 'flex', flexDirection: 'column', height: '100%' }}>
|
||||
<Header
|
||||
title="Créer un événement"
|
||||
title="Relayer un événement"
|
||||
left={<span onClick={() => navigate('home')} style={{ cursor: 'pointer' }}>✕</span>}
|
||||
/>
|
||||
|
||||
@@ -96,7 +96,7 @@ export function CreateEventScreen({ navigate }: ScreenProps) {
|
||||
style={{ width: '100%' }}
|
||||
onClick={() => navigate('event-detail')}
|
||||
>
|
||||
Créer l'événement
|
||||
Relayer l'événement
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -5,12 +5,11 @@ import type { ScreenProps } from './index';
|
||||
export function EventDetailScreen({ navigate }: ScreenProps) {
|
||||
const [isJoined, setIsJoined] = useState(false);
|
||||
|
||||
const attendees = [
|
||||
const knownAttendees = [
|
||||
{ initials: 'MD', name: 'Marie' },
|
||||
{ initials: 'PD', name: 'Pierre' },
|
||||
{ initials: 'SL', name: 'Sophie' },
|
||||
{ initials: 'TM', name: 'Thomas' },
|
||||
];
|
||||
const unknownCount = 22;
|
||||
|
||||
return (
|
||||
<div style={{ display: 'flex', flexDirection: 'column', height: '100%' }}>
|
||||
@@ -95,7 +94,7 @@ export function EventDetailScreen({ navigate }: ScreenProps) {
|
||||
</div>
|
||||
|
||||
<div style={{ display: 'flex', gap: 12 }}>
|
||||
{attendees.map((a, i) => (
|
||||
{knownAttendees.map((a, i) => (
|
||||
<div
|
||||
key={i}
|
||||
style={{ textAlign: 'center', cursor: 'pointer' }}
|
||||
@@ -119,9 +118,9 @@ export function EventDetailScreen({ navigate }: ScreenProps) {
|
||||
justifyContent: 'center',
|
||||
fontSize: 12,
|
||||
}}>
|
||||
+20
|
||||
+{unknownCount}
|
||||
</div>
|
||||
<Text style={{ margin: '4px 0 0 0', fontSize: 12 }}>autres</Text>
|
||||
<Text style={{ margin: '4px 0 0 0', fontSize: 12, color: 'var(--sketch-gray)' }}>inconnus</Text>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -93,7 +93,7 @@ export function EventsScreen({ navigate }: ScreenProps) {
|
||||
items={[
|
||||
{ icon: '⌂', label: 'Accueil', onClick: () => navigate('home') },
|
||||
{ icon: '◎', label: 'Découvrir', active: true },
|
||||
{ icon: '+', label: 'Créer', onClick: () => navigate('create-event') },
|
||||
{ icon: '+', label: 'Relayer', onClick: () => navigate('create-event') },
|
||||
{ icon: '☺', label: 'Profil', onClick: () => navigate('profile') },
|
||||
]}
|
||||
/>
|
||||
|
||||
@@ -64,7 +64,7 @@ export function HomeScreen({ navigate }: ScreenProps) {
|
||||
|
||||
<div style={{ marginTop: 24 }}>
|
||||
<Button variant="primary" onClick={() => navigate('create-event')} style={{ width: '100%' }}>
|
||||
+ Créer un événement
|
||||
+ Relayer un événement
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
@@ -74,7 +74,7 @@ export function HomeScreen({ navigate }: ScreenProps) {
|
||||
items={[
|
||||
{ icon: '⌂', label: 'Accueil', active: true },
|
||||
{ icon: '◎', label: 'Découvrir', onClick: () => navigate('events') },
|
||||
{ icon: '+', label: 'Créer', onClick: () => navigate('create-event') },
|
||||
{ icon: '+', label: 'Relayer', onClick: () => navigate('create-event') },
|
||||
{ icon: '☺', label: 'Profil', onClick: () => navigate('profile') },
|
||||
]}
|
||||
/>
|
||||
|
||||
@@ -4,18 +4,18 @@ import type { ScreenProps } from './index';
|
||||
|
||||
export function ParticipantsListScreen({ navigate }: ScreenProps) {
|
||||
const participants = [
|
||||
{ initials: 'AM', name: 'Alice Martin', username: '@alice' },
|
||||
{ initials: 'BM', name: 'Baptiste Morel', username: '@baptiste' },
|
||||
{ initials: 'CD', name: 'Camille Dubois', username: '@camille' },
|
||||
{ initials: 'DL', name: 'David Leroy', username: '@david' },
|
||||
{ initials: 'EG', name: 'Emma Girard', username: '@emma' },
|
||||
{ initials: 'FB', name: 'François Bernard', username: '@francois' },
|
||||
{ initials: 'GM', name: 'Guillaume Mercier', username: '@guillaume' },
|
||||
{ initials: 'HT', name: 'Hélène Thomas', username: '@helene' },
|
||||
{ initials: 'MD', name: 'Marie Dupont', username: '@mariedupont' },
|
||||
{ initials: 'PD', name: 'Pierre Durand', username: '@pierre' },
|
||||
{ initials: 'SL', name: 'Sophie Lambert', username: '@sophie' },
|
||||
{ initials: 'TM', name: 'Thomas Martin', username: '@thomas' },
|
||||
{ initials: 'MD', name: 'Marie Dupont', username: '@mariedupont', known: true },
|
||||
{ initials: 'TM', name: 'Thomas Martin', username: '@thomas', known: true },
|
||||
{ known: false },
|
||||
{ known: false },
|
||||
{ known: false },
|
||||
{ known: false },
|
||||
{ known: false },
|
||||
{ known: false },
|
||||
{ known: false },
|
||||
{ known: false },
|
||||
{ known: false },
|
||||
{ known: false },
|
||||
];
|
||||
|
||||
return (
|
||||
@@ -35,24 +35,30 @@ export function ParticipantsListScreen({ navigate }: ScreenProps) {
|
||||
{participants.map((p, i) => (
|
||||
<div
|
||||
key={i}
|
||||
onClick={() => navigate('user-profile')}
|
||||
onClick={p.known ? () => navigate('user-profile') : undefined}
|
||||
style={{
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
gap: 12,
|
||||
padding: '12px 16px',
|
||||
cursor: 'pointer',
|
||||
cursor: p.known ? 'pointer' : 'default',
|
||||
borderBottom: '1px solid var(--sketch-light-gray)',
|
||||
}}
|
||||
>
|
||||
<Avatar initials={p.initials} size="sm" />
|
||||
<Avatar initials={p.known ? p.initials : '?'} size="sm" />
|
||||
<div style={{ flex: 1 }}>
|
||||
<Text className="user-content" style={{ margin: 0, fontWeight: 'bold' }}>{p.name}</Text>
|
||||
<Text className="user-content" style={{ margin: 0, fontSize: 13 }}>
|
||||
{p.username}
|
||||
</Text>
|
||||
{p.known ? (
|
||||
<>
|
||||
<Text className="user-content" style={{ margin: 0, fontWeight: 'bold' }}>{p.name}</Text>
|
||||
<Text className="user-content" style={{ margin: 0, fontSize: 13 }}>
|
||||
{p.username}
|
||||
</Text>
|
||||
</>
|
||||
) : (
|
||||
<Text style={{ margin: 0, color: 'var(--sketch-gray)' }}>Participant inconnu</Text>
|
||||
)}
|
||||
</div>
|
||||
<Text style={{ margin: 0, fontSize: 20, color: 'var(--sketch-gray)' }}>›</Text>
|
||||
{p.known && <Text style={{ margin: 0, fontSize: 20, color: 'var(--sketch-gray)' }}>›</Text>}
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
|
||||
@@ -72,7 +72,7 @@ export function ProfileScreen({ navigate }: ScreenProps) {
|
||||
onClick={() => navigate('create-event')}
|
||||
>
|
||||
<span style={{ marginRight: 12 }}>+</span>
|
||||
<Text style={{ margin: 0 }}>Créer un événement</Text>
|
||||
<Text style={{ margin: 0 }}>Relayer un événement</Text>
|
||||
</div>
|
||||
<div className="sketchy-list-item" onClick={() => navigate('friends-list')}>
|
||||
<span style={{ marginRight: 12 }}>👥</span>
|
||||
@@ -90,7 +90,7 @@ export function ProfileScreen({ navigate }: ScreenProps) {
|
||||
items={[
|
||||
{ icon: '⌂', label: 'Accueil', onClick: () => navigate('home') },
|
||||
{ icon: '◎', label: 'Découvrir', onClick: () => navigate('events') },
|
||||
{ icon: '+', label: 'Créer', onClick: () => navigate('create-event') },
|
||||
{ icon: '+', label: 'Relayer', onClick: () => navigate('create-event') },
|
||||
{ icon: '☺', label: 'Profil', active: true },
|
||||
]}
|
||||
/>
|
||||
|
||||
@@ -83,7 +83,7 @@ export function SettingsScreen({ navigate }: ScreenProps) {
|
||||
items={[
|
||||
{ icon: '⌂', label: 'Accueil', onClick: () => navigate('home') },
|
||||
{ icon: '◎', label: 'Découvrir', onClick: () => navigate('events') },
|
||||
{ icon: '+', label: 'Créer', onClick: () => navigate('create-event') },
|
||||
{ icon: '+', label: 'Relayer', onClick: () => navigate('create-event') },
|
||||
{ icon: '☺', label: 'Profil', onClick: () => navigate('profile') },
|
||||
]}
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user