first commit

2026-01-18 11:53:42 +01:00
commit f04f15d926
112 changed files with 24858 additions and 0 deletions
@@ -0,0 +1,95 @@
+import React from 'react';
+import { Header, Avatar, Title, Text, Button, Card, Badge, Divider } from '../components/sketchy';
+import type { ScreenProps } from './index';
+
+export function UserProfileScreen({ navigate }: ScreenProps) {
+  const pastEvents = [
+    { title: 'Atelier poterie', date: '15 déc. 2025', role: 'Participant' },
+    { title: 'Festival d\'été', date: '20 juil. 2025', role: 'Organisateur' },
+    { title: 'Randonnée collective', date: '5 mai 2025', role: 'Participant' },
+  ];
+
+  return (
+    <div style={{ display: 'flex', flexDirection: 'column', height: '100%' }}>
+      <Header
+        title="Profil"
+        left={<span onClick={() => navigate('event-detail')} style={{ cursor: 'pointer' }}>←</span>}
+      />
+
+      {/* Content */}
+      <div style={{ flex: 1, overflow: 'auto' }}>
+        {/* User profile header */}
+        <div style={{ padding: 24, textAlign: 'center' }}>
+          <Avatar initials="JD" size="lg" />
+          <Title className="user-content" style={{ marginTop: 16, marginBottom: 4 }}>Jean Durand</Title>
+          <Text className="user-content" style={{ margin: 0 }}>@jeandurand</Text>
+
+          <div style={{ display: 'flex', justifyContent: 'center', gap: 32, marginTop: 20 }}>
+            <div style={{ textAlign: 'center' }}>
+              <Text style={{ fontWeight: 'bold', margin: 0 }}>8</Text>
+              <Text style={{ fontSize: 12, color: 'var(--sketch-gray)', margin: 0 }}>Événements</Text>
+            </div>
+            <div style={{ textAlign: 'center' }}>
+              <Text style={{ fontWeight: 'bold', margin: 0 }}>23</Text>
+              <Text style={{ fontSize: 12, color: 'var(--sketch-gray)', margin: 0 }}>Contacts</Text>
+            </div>
+            <div style={{ textAlign: 'center' }}>
+              <Text style={{ fontWeight: 'bold', margin: 0 }}>42</Text>
+              <Text style={{ fontSize: 12, color: 'var(--sketch-gray)', margin: 0 }}>Participations</Text>
+            </div>
+          </div>
+
+          <div style={{ display: 'flex', gap: 8, marginTop: 20, justifyContent: 'center' }}>
+            <Button variant="primary">Ajouter au réseau</Button>
+            <Button>Contacter</Button>
+          </div>
+        </div>
+
+        <Divider />
+
+        {/* Common events */}
+        <div style={{ padding: 16 }}>
+          <Text style={{ fontWeight: 'bold', marginBottom: 4 }}>Événements en commun</Text>
+          <Text style={{ fontSize: 13, color: 'var(--sketch-gray)', marginBottom: 12 }}>
+            Vous avez participé à 3 événements ensemble
+          </Text>
+
+          {pastEvents.map((event, i) => (
+            <Card key={i} onClick={() => navigate('event-detail')} style={{ marginBottom: 12 }}>
+              <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
+                <div>
+                  <Text className="user-content" style={{ margin: 0, fontWeight: 'bold' }}>{event.title}</Text>
+                  <Text className="user-content" style={{ margin: '4px 0 0 0', fontSize: 14 }}>
+                    {event.date}
+                  </Text>
+                </div>
+                <Badge>{event.role}</Badge>
+              </div>
+            </Card>
+          ))}
+        </div>
+
+        <Divider />
+
+        {/* Contact form section */}
+        <div style={{ padding: 16 }}>
+          <Text style={{ fontWeight: 'bold', marginBottom: 12 }}>Envoyer un message</Text>
+          <div style={{
+            border: '2px solid var(--sketch-black)',
+            borderRadius: '255px 15px 225px 15px/15px 225px 15px 255px',
+            padding: 12,
+            minHeight: 80,
+            fontFamily: 'var(--font-sketch)',
+            fontSize: 14,
+            color: 'var(--sketch-gray)',
+          }}>
+            Écrivez votre message ici...
+          </div>
+          <Button variant="primary" style={{ width: '100%', marginTop: 12 }}>
+            Envoyer
+          </Button>
+        </div>
+      </div>
+    </div>
+  );
+}