feat: add multi-platform downloads and improve homepage animations

2026-03-10 11:20:17 +07:00
parent a3e271a1e7
commit cc45c3772f
11 changed files with 661 additions and 152 deletions
@@ -8,6 +8,7 @@ import {
  useState,
  type PropsWithChildren,
  type ReactElement,
+  type ReactNode,
 } from "react";
 import {
  ActivityIndicator,
@@ -184,8 +185,9 @@ type TriggerStyleProp =
  | StyleProp<ViewStyle>
  | ((state: TriggerState) => StyleProp<ViewStyle>);

-interface DropdownMenuTriggerProps extends Omit<PressableProps, "style"> {
+interface DropdownMenuTriggerProps extends Omit<PressableProps, "style" | "children"> {
  style?: TriggerStyleProp;
+  children: ReactNode | ((state: TriggerState) => ReactNode);
 }

 export function DropdownMenuTrigger({
@@ -193,7 +195,7 @@ export function DropdownMenuTrigger({
  disabled,
  style,
  ...props
-}: PropsWithChildren<DropdownMenuTriggerProps>): ReactElement {
+}: DropdownMenuTriggerProps): ReactElement {
  const ctx = useDropdownMenuContext("DropdownMenuTrigger");

  const handlePress = useCallback(() => {
@@ -215,7 +217,10 @@ export function DropdownMenuTrigger({
        return style;
      }}
    >
-      {children}
+      {({ pressed, hovered = false }) => {
+        const state: TriggerState = { pressed, hovered: Boolean(hovered), open: ctx.open };
+        return typeof children === "function" ? children(state) : children;
+      }}
    </Pressable>
  );
 }