Initial commit

2025-10-05 13:55:28 +02:00
commit 68d521677a
767 changed files with 46947 additions and 0 deletions
@@ -0,0 +1,47 @@
+import type React from "react";
+
+import { ArrowRight } from "@tamagui/lucide-icons";
+import { Href, Link } from "expo-router";
+import { GetProps, Paragraph, styled, XStack } from "tamagui";
+
+import { Text } from "@/ui/components/typography";
+
+const SectionContainer = styled(XStack, {
+    alignItems: "center",
+    justifyContent: "space-between",
+    width: "100%",
+    paddingVertical: "$2",
+});
+
+type ScreenSectionProps = GetProps<typeof SectionContainer> & {
+    title: string;
+    forwardLink?: Href;
+};
+
+type ScreenSectionLinkProps = {
+    href: Href;
+};
+
+const ScreenSectionLink = ({ href }: ScreenSectionLinkProps) => (
+    <Link href={href} push asChild>
+        <XStack gap="2" alignItems="center">
+            <Paragraph color="$accent5" fontWeight={500}>
+                Voir tout
+            </Paragraph>
+            <ArrowRight color="$accent5" />
+        </XStack>
+    </Link>
+);
+
+export const ScreenSection = (props: ScreenSectionProps) => {
+    const { title, forwardLink, ...rest } = props;
+
+    return (
+        <SectionContainer {...rest}>
+            <Text fontSize="$6" fontWeight="bold" color="$color" numberOfLines={1} flexShrink={1} marginRight="$2">
+                {title}
+            </Text>
+            {forwardLink && <ScreenSectionLink href={forwardLink} />}
+        </SectionContainer>
+    );
+};