diff --git a/Gemfile.lock b/Gemfile.lock index 573e04b34242ee..245654cd53013a 100644 --- a/Gemfile.lock +++ b/Gemfile.lock @@ -15,7 +15,7 @@ GEM minitest (>= 5.1) securerandom (>= 0.3) tzinfo (~> 2.0, >= 2.0.5) - addressable (2.8.9) + addressable (2.9.0) public_suffix (>= 2.0.2, < 8.0) algoliasearch (1.27.5) httpclient (~> 2.8, >= 2.8.3) diff --git a/apps/native-component-list/src/screens/ImagePicker/ImagePickerAssetsList.tsx b/apps/native-component-list/src/screens/ImagePicker/ImagePickerAssetsList.tsx index ecf7847b132f14..d2619642ad5fb0 100644 --- a/apps/native-component-list/src/screens/ImagePicker/ImagePickerAssetsList.tsx +++ b/apps/native-component-list/src/screens/ImagePicker/ImagePickerAssetsList.tsx @@ -8,7 +8,9 @@ export default function ImagePickerAssetsList( ): React.ReactElement | void { return ( - {result.assets?.map((asset, index) => )} + {result.assets?.map((asset, index) => ( + + ))} ); } diff --git a/apps/notification-tester/src/misc/colors.ts b/apps/notification-tester/src/misc/colors.ts index 6d109187fafe60..b235a5825145e0 100644 --- a/apps/notification-tester/src/misc/colors.ts +++ b/apps/notification-tester/src/misc/colors.ts @@ -1,227 +1,227 @@ export const TailwindColor = { - transparent: "transparent", - black: "rgb(0,0,0)", - white: "rgb(255,255,255)", - "slate-50": "rgb(248,250,252)", - "slate-100": "rgb(241,245,249)", - "slate-200": "rgb(226,232,240)", - "slate-300": "rgb(203,213,225)", - "slate-400": "rgb(148,163,184)", - "slate-500": "rgb(100,116,139)", - "slate-600": "rgb(71,85,105)", - "slate-700": "rgb(51,65,85)", - "slate-800": "rgb(30,41,59)", - "slate-900": "rgb(15,23,42)", - "gray-50": "rgb(249,250,251)", - "gray-100": "rgb(243,244,246)", - "gray-200": "rgb(229,231,235)", - "gray-300": "rgb(209,213,219)", - "gray-400": "rgb(156,163,175)", - "gray-500": "rgb(107,114,128)", - "gray-600": "rgb(75,85,99)", - "gray-700": "rgb(55,65,81)", - "gray-800": "rgb(31,41,55)", - "gray-900": "rgb(17,24,39)", - "zinc-50": "rgb(250,250,250)", - "zinc-100": "rgb(244,244,245)", - "zinc-200": "rgb(228,228,231)", - "zinc-300": "rgb(212,212,216)", - "zinc-400": "rgb(161,161,170)", - "zinc-500": "rgb(113,113,122)", - "zinc-600": "rgb(82,82,91)", - "zinc-700": "rgb(63,63,70)", - "zinc-800": "rgb(39,39,42)", - "zinc-900": "rgb(24,24,27)", - "neutral-50": "rgb(250,250,250)", - "neutral-100": "rgb(245,245,245)", - "neutral-200": "rgb(229,229,229)", - "neutral-300": "rgb(212,212,212)", - "neutral-400": "rgb(163,163,163)", - "neutral-500": "rgb(115,115,115)", - "neutral-600": "rgb(82,82,82)", - "neutral-700": "rgb(64,64,64)", - "neutral-800": "rgb(38,38,38)", - "neutral-900": "rgb(23,23,23)", - "stone-50": "rgb(250,250,249)", - "stone-100": "rgb(245,245,244)", - "stone-200": "rgb(231,229,228)", - "stone-300": "rgb(214,211,209)", - "stone-400": "rgb(168,162,158)", - "stone-500": "rgb(120,113,108)", - "stone-600": "rgb(87,83,78)", - "stone-700": "rgb(68,64,60)", - "stone-800": "rgb(41,37,36)", - "stone-900": "rgb(28,25,23)", - "red-50": "rgb(254,242,242)", - "red-100": "rgb(254,226,226)", - "red-200": "rgb(254,202,202)", - "red-300": "rgb(252,165,165)", - "red-400": "rgb(248,113,113)", - "red-500": "rgb(239,68,68)", - "red-600": "rgb(220,38,38)", - "red-700": "rgb(185,28,28)", - "red-800": "rgb(153,27,27)", - "red-900": "rgb(127,29,29)", - "orange-50": "rgb(255,247,237)", - "orange-100": "rgb(255,237,213)", - "orange-200": "rgb(254,215,170)", - "orange-300": "rgb(253,186,116)", - "orange-400": "rgb(251,146,60)", - "orange-500": "rgb(249,115,22)", - "orange-600": "rgb(234,88,12)", - "orange-700": "rgb(194,65,12)", - "orange-800": "rgb(154,52,18)", - "orange-900": "rgb(124,45,18)", - "amber-50": "rgb(255,251,235)", - "amber-100": "rgb(254,243,199)", - "amber-200": "rgb(253,230,138)", - "amber-300": "rgb(252,211,77)", - "amber-400": "rgb(251,191,36)", - "amber-500": "rgb(245,158,11)", - "amber-600": "rgb(217,119,6)", - "amber-700": "rgb(180,83,9)", - "amber-800": "rgb(146,64,14)", - "amber-900": "rgb(120,53,15)", - "yellow-50": "rgb(254,252,232)", - "yellow-100": "rgb(254,249,195)", - "yellow-200": "rgb(254,240,138)", - "yellow-300": "rgb(253,224,71)", - "yellow-400": "rgb(250,204,21)", - "yellow-500": "rgb(234,179,8)", - "yellow-600": "rgb(202,138,4)", - "yellow-700": "rgb(161,98,7)", - "yellow-800": "rgb(133,77,14)", - "yellow-900": "rgb(113,63,18)", - "lime-50": "rgb(247,254,231)", - "lime-100": "rgb(236,252,203)", - "lime-200": "rgb(217,249,157)", - "lime-300": "rgb(190,242,100)", - "lime-400": "rgb(163,230,53)", - "lime-500": "rgb(132,204,22)", - "lime-600": "rgb(101,163,13)", - "lime-700": "rgb(77,124,15)", - "lime-800": "rgb(63,98,18)", - "lime-900": "rgb(54,83,20)", - "green-50": "rgb(240,253,244)", - "green-100": "rgb(220,252,231)", - "green-200": "rgb(187,247,208)", - "green-300": "rgb(134,239,172)", - "green-400": "rgb(74,222,128)", - "green-500": "rgb(34,197,94)", - "green-600": "rgb(22,163,74)", - "green-700": "rgb(21,128,61)", - "green-800": "rgb(22,101,52)", - "green-900": "rgb(20,83,45)", - "emerald-50": "rgb(236,253,245)", - "emerald-100": "rgb(209,250,229)", - "emerald-200": "rgb(167,243,208)", - "emerald-300": "rgb(110,231,183)", - "emerald-400": "rgb(52,211,153)", - "emerald-500": "rgb(16,185,129)", - "emerald-600": "rgb(5,150,105)", - "emerald-700": "rgb(4,120,87)", - "emerald-800": "rgb(6,95,70)", - "emerald-900": "rgb(6,78,59)", - "teal-50": "rgb(240,253,250)", - "teal-100": "rgb(204,251,241)", - "teal-200": "rgb(153,246,228)", - "teal-300": "rgb(94,234,212)", - "teal-400": "rgb(45,212,191)", - "teal-500": "rgb(20,184,166)", - "teal-600": "rgb(13,148,136)", - "teal-700": "rgb(15,118,110)", - "teal-800": "rgb(17,94,89)", - "teal-900": "rgb(19,78,74)", - "cyan-50": "rgb(236,254,255)", - "cyan-100": "rgb(207,250,254)", - "cyan-200": "rgb(165,243,252)", - "cyan-300": "rgb(103,232,249)", - "cyan-400": "rgb(34,211,238)", - "cyan-500": "rgb(6,182,212)", - "cyan-600": "rgb(8,145,178)", - "cyan-700": "rgb(14,116,144)", - "cyan-800": "rgb(21,94,117)", - "cyan-900": "rgb(22,78,99)", - "sky-50": "rgb(240,249,255)", - "sky-100": "rgb(224,242,254)", - "sky-200": "rgb(186,230,253)", - "sky-300": "rgb(125,211,252)", - "sky-400": "rgb(56,189,248)", - "sky-500": "rgb(14,165,233)", - "sky-600": "rgb(2,132,199)", - "sky-700": "rgb(3,105,161)", - "sky-800": "rgb(7,89,133)", - "sky-900": "rgb(12,74,110)", - "blue-50": "rgb(239,246,255)", - "blue-100": "rgb(219,234,254)", - "blue-200": "rgb(191,219,254)", - "blue-300": "rgb(147,197,253)", - "blue-400": "rgb(96,165,250)", - "blue-500": "rgb(59,130,246)", - "blue-600": "rgb(37,99,235)", - "blue-700": "rgb(29,78,216)", - "blue-800": "rgb(30,64,175)", - "blue-900": "rgb(30,58,138)", - "indigo-50": "rgb(238,242,255)", - "indigo-100": "rgb(224,231,255)", - "indigo-200": "rgb(199,210,254)", - "indigo-300": "rgb(165,180,252)", - "indigo-400": "rgb(129,140,248)", - "indigo-500": "rgb(99,102,241)", - "indigo-600": "rgb(79,70,229)", - "indigo-700": "rgb(67,56,202)", - "indigo-800": "rgb(55,48,163)", - "indigo-900": "rgb(49,46,129)", - "violet-50": "rgb(245,243,255)", - "violet-100": "rgb(237,233,254)", - "violet-200": "rgb(221,214,254)", - "violet-300": "rgb(196,181,253)", - "violet-400": "rgb(167,139,250)", - "violet-500": "rgb(139,92,246)", - "violet-600": "rgb(124,58,237)", - "violet-700": "rgb(109,40,217)", - "violet-800": "rgb(91,33,182)", - "violet-900": "rgb(76,29,149)", - "purple-50": "rgb(250,245,255)", - "purple-100": "rgb(243,232,255)", - "purple-200": "rgb(233,213,255)", - "purple-300": "rgb(216,180,254)", - "purple-400": "rgb(192,132,252)", - "purple-500": "rgb(168,85,247)", - "purple-600": "rgb(147,51,234)", - "purple-700": "rgb(126,34,206)", - "purple-800": "rgb(107,33,168)", - "purple-900": "rgb(88,28,135)", - "fuchsia-50": "rgb(253,244,255)", - "fuchsia-100": "rgb(250,232,255)", - "fuchsia-200": "rgb(245,208,254)", - "fuchsia-300": "rgb(240,171,252)", - "fuchsia-400": "rgb(232,121,249)", - "fuchsia-500": "rgb(217,70,239)", - "fuchsia-600": "rgb(192,38,211)", - "fuchsia-700": "rgb(162,28,175)", - "fuchsia-800": "rgb(134,25,143)", - "fuchsia-900": "rgb(112,26,117)", - "pink-50": "rgb(253,242,248)", - "pink-100": "rgb(252,231,243)", - "pink-200": "rgb(251,207,232)", - "pink-300": "rgb(249,168,212)", - "pink-400": "rgb(244,114,182)", - "pink-500": "rgb(236,72,153)", - "pink-600": "rgb(219,39,119)", - "pink-700": "rgb(190,24,93)", - "pink-800": "rgb(157,23,77)", - "pink-900": "rgb(131,24,67)", - "rose-50": "rgb(255,241,242)", - "rose-100": "rgb(255,228,230)", - "rose-200": "rgb(254,205,211)", - "rose-300": "rgb(253,164,175)", - "rose-400": "rgb(251,113,133)", - "rose-500": "rgb(244,63,94)", - "rose-600": "rgb(225,29,72)", - "rose-700": "rgb(190,18,60)", - "rose-800": "rgb(159,18,57)", - "rose-900": "rgb(136,19,55)", + transparent: 'transparent', + black: 'rgb(0,0,0)', + white: 'rgb(255,255,255)', + 'slate-50': 'rgb(248,250,252)', + 'slate-100': 'rgb(241,245,249)', + 'slate-200': 'rgb(226,232,240)', + 'slate-300': 'rgb(203,213,225)', + 'slate-400': 'rgb(148,163,184)', + 'slate-500': 'rgb(100,116,139)', + 'slate-600': 'rgb(71,85,105)', + 'slate-700': 'rgb(51,65,85)', + 'slate-800': 'rgb(30,41,59)', + 'slate-900': 'rgb(15,23,42)', + 'gray-50': 'rgb(249,250,251)', + 'gray-100': 'rgb(243,244,246)', + 'gray-200': 'rgb(229,231,235)', + 'gray-300': 'rgb(209,213,219)', + 'gray-400': 'rgb(156,163,175)', + 'gray-500': 'rgb(107,114,128)', + 'gray-600': 'rgb(75,85,99)', + 'gray-700': 'rgb(55,65,81)', + 'gray-800': 'rgb(31,41,55)', + 'gray-900': 'rgb(17,24,39)', + 'zinc-50': 'rgb(250,250,250)', + 'zinc-100': 'rgb(244,244,245)', + 'zinc-200': 'rgb(228,228,231)', + 'zinc-300': 'rgb(212,212,216)', + 'zinc-400': 'rgb(161,161,170)', + 'zinc-500': 'rgb(113,113,122)', + 'zinc-600': 'rgb(82,82,91)', + 'zinc-700': 'rgb(63,63,70)', + 'zinc-800': 'rgb(39,39,42)', + 'zinc-900': 'rgb(24,24,27)', + 'neutral-50': 'rgb(250,250,250)', + 'neutral-100': 'rgb(245,245,245)', + 'neutral-200': 'rgb(229,229,229)', + 'neutral-300': 'rgb(212,212,212)', + 'neutral-400': 'rgb(163,163,163)', + 'neutral-500': 'rgb(115,115,115)', + 'neutral-600': 'rgb(82,82,82)', + 'neutral-700': 'rgb(64,64,64)', + 'neutral-800': 'rgb(38,38,38)', + 'neutral-900': 'rgb(23,23,23)', + 'stone-50': 'rgb(250,250,249)', + 'stone-100': 'rgb(245,245,244)', + 'stone-200': 'rgb(231,229,228)', + 'stone-300': 'rgb(214,211,209)', + 'stone-400': 'rgb(168,162,158)', + 'stone-500': 'rgb(120,113,108)', + 'stone-600': 'rgb(87,83,78)', + 'stone-700': 'rgb(68,64,60)', + 'stone-800': 'rgb(41,37,36)', + 'stone-900': 'rgb(28,25,23)', + 'red-50': 'rgb(254,242,242)', + 'red-100': 'rgb(254,226,226)', + 'red-200': 'rgb(254,202,202)', + 'red-300': 'rgb(252,165,165)', + 'red-400': 'rgb(248,113,113)', + 'red-500': 'rgb(239,68,68)', + 'red-600': 'rgb(220,38,38)', + 'red-700': 'rgb(185,28,28)', + 'red-800': 'rgb(153,27,27)', + 'red-900': 'rgb(127,29,29)', + 'orange-50': 'rgb(255,247,237)', + 'orange-100': 'rgb(255,237,213)', + 'orange-200': 'rgb(254,215,170)', + 'orange-300': 'rgb(253,186,116)', + 'orange-400': 'rgb(251,146,60)', + 'orange-500': 'rgb(249,115,22)', + 'orange-600': 'rgb(234,88,12)', + 'orange-700': 'rgb(194,65,12)', + 'orange-800': 'rgb(154,52,18)', + 'orange-900': 'rgb(124,45,18)', + 'amber-50': 'rgb(255,251,235)', + 'amber-100': 'rgb(254,243,199)', + 'amber-200': 'rgb(253,230,138)', + 'amber-300': 'rgb(252,211,77)', + 'amber-400': 'rgb(251,191,36)', + 'amber-500': 'rgb(245,158,11)', + 'amber-600': 'rgb(217,119,6)', + 'amber-700': 'rgb(180,83,9)', + 'amber-800': 'rgb(146,64,14)', + 'amber-900': 'rgb(120,53,15)', + 'yellow-50': 'rgb(254,252,232)', + 'yellow-100': 'rgb(254,249,195)', + 'yellow-200': 'rgb(254,240,138)', + 'yellow-300': 'rgb(253,224,71)', + 'yellow-400': 'rgb(250,204,21)', + 'yellow-500': 'rgb(234,179,8)', + 'yellow-600': 'rgb(202,138,4)', + 'yellow-700': 'rgb(161,98,7)', + 'yellow-800': 'rgb(133,77,14)', + 'yellow-900': 'rgb(113,63,18)', + 'lime-50': 'rgb(247,254,231)', + 'lime-100': 'rgb(236,252,203)', + 'lime-200': 'rgb(217,249,157)', + 'lime-300': 'rgb(190,242,100)', + 'lime-400': 'rgb(163,230,53)', + 'lime-500': 'rgb(132,204,22)', + 'lime-600': 'rgb(101,163,13)', + 'lime-700': 'rgb(77,124,15)', + 'lime-800': 'rgb(63,98,18)', + 'lime-900': 'rgb(54,83,20)', + 'green-50': 'rgb(240,253,244)', + 'green-100': 'rgb(220,252,231)', + 'green-200': 'rgb(187,247,208)', + 'green-300': 'rgb(134,239,172)', + 'green-400': 'rgb(74,222,128)', + 'green-500': 'rgb(34,197,94)', + 'green-600': 'rgb(22,163,74)', + 'green-700': 'rgb(21,128,61)', + 'green-800': 'rgb(22,101,52)', + 'green-900': 'rgb(20,83,45)', + 'emerald-50': 'rgb(236,253,245)', + 'emerald-100': 'rgb(209,250,229)', + 'emerald-200': 'rgb(167,243,208)', + 'emerald-300': 'rgb(110,231,183)', + 'emerald-400': 'rgb(52,211,153)', + 'emerald-500': 'rgb(16,185,129)', + 'emerald-600': 'rgb(5,150,105)', + 'emerald-700': 'rgb(4,120,87)', + 'emerald-800': 'rgb(6,95,70)', + 'emerald-900': 'rgb(6,78,59)', + 'teal-50': 'rgb(240,253,250)', + 'teal-100': 'rgb(204,251,241)', + 'teal-200': 'rgb(153,246,228)', + 'teal-300': 'rgb(94,234,212)', + 'teal-400': 'rgb(45,212,191)', + 'teal-500': 'rgb(20,184,166)', + 'teal-600': 'rgb(13,148,136)', + 'teal-700': 'rgb(15,118,110)', + 'teal-800': 'rgb(17,94,89)', + 'teal-900': 'rgb(19,78,74)', + 'cyan-50': 'rgb(236,254,255)', + 'cyan-100': 'rgb(207,250,254)', + 'cyan-200': 'rgb(165,243,252)', + 'cyan-300': 'rgb(103,232,249)', + 'cyan-400': 'rgb(34,211,238)', + 'cyan-500': 'rgb(6,182,212)', + 'cyan-600': 'rgb(8,145,178)', + 'cyan-700': 'rgb(14,116,144)', + 'cyan-800': 'rgb(21,94,117)', + 'cyan-900': 'rgb(22,78,99)', + 'sky-50': 'rgb(240,249,255)', + 'sky-100': 'rgb(224,242,254)', + 'sky-200': 'rgb(186,230,253)', + 'sky-300': 'rgb(125,211,252)', + 'sky-400': 'rgb(56,189,248)', + 'sky-500': 'rgb(14,165,233)', + 'sky-600': 'rgb(2,132,199)', + 'sky-700': 'rgb(3,105,161)', + 'sky-800': 'rgb(7,89,133)', + 'sky-900': 'rgb(12,74,110)', + 'blue-50': 'rgb(239,246,255)', + 'blue-100': 'rgb(219,234,254)', + 'blue-200': 'rgb(191,219,254)', + 'blue-300': 'rgb(147,197,253)', + 'blue-400': 'rgb(96,165,250)', + 'blue-500': 'rgb(59,130,246)', + 'blue-600': 'rgb(37,99,235)', + 'blue-700': 'rgb(29,78,216)', + 'blue-800': 'rgb(30,64,175)', + 'blue-900': 'rgb(30,58,138)', + 'indigo-50': 'rgb(238,242,255)', + 'indigo-100': 'rgb(224,231,255)', + 'indigo-200': 'rgb(199,210,254)', + 'indigo-300': 'rgb(165,180,252)', + 'indigo-400': 'rgb(129,140,248)', + 'indigo-500': 'rgb(99,102,241)', + 'indigo-600': 'rgb(79,70,229)', + 'indigo-700': 'rgb(67,56,202)', + 'indigo-800': 'rgb(55,48,163)', + 'indigo-900': 'rgb(49,46,129)', + 'violet-50': 'rgb(245,243,255)', + 'violet-100': 'rgb(237,233,254)', + 'violet-200': 'rgb(221,214,254)', + 'violet-300': 'rgb(196,181,253)', + 'violet-400': 'rgb(167,139,250)', + 'violet-500': 'rgb(139,92,246)', + 'violet-600': 'rgb(124,58,237)', + 'violet-700': 'rgb(109,40,217)', + 'violet-800': 'rgb(91,33,182)', + 'violet-900': 'rgb(76,29,149)', + 'purple-50': 'rgb(250,245,255)', + 'purple-100': 'rgb(243,232,255)', + 'purple-200': 'rgb(233,213,255)', + 'purple-300': 'rgb(216,180,254)', + 'purple-400': 'rgb(192,132,252)', + 'purple-500': 'rgb(168,85,247)', + 'purple-600': 'rgb(147,51,234)', + 'purple-700': 'rgb(126,34,206)', + 'purple-800': 'rgb(107,33,168)', + 'purple-900': 'rgb(88,28,135)', + 'fuchsia-50': 'rgb(253,244,255)', + 'fuchsia-100': 'rgb(250,232,255)', + 'fuchsia-200': 'rgb(245,208,254)', + 'fuchsia-300': 'rgb(240,171,252)', + 'fuchsia-400': 'rgb(232,121,249)', + 'fuchsia-500': 'rgb(217,70,239)', + 'fuchsia-600': 'rgb(192,38,211)', + 'fuchsia-700': 'rgb(162,28,175)', + 'fuchsia-800': 'rgb(134,25,143)', + 'fuchsia-900': 'rgb(112,26,117)', + 'pink-50': 'rgb(253,242,248)', + 'pink-100': 'rgb(252,231,243)', + 'pink-200': 'rgb(251,207,232)', + 'pink-300': 'rgb(249,168,212)', + 'pink-400': 'rgb(244,114,182)', + 'pink-500': 'rgb(236,72,153)', + 'pink-600': 'rgb(219,39,119)', + 'pink-700': 'rgb(190,24,93)', + 'pink-800': 'rgb(157,23,77)', + 'pink-900': 'rgb(131,24,67)', + 'rose-50': 'rgb(255,241,242)', + 'rose-100': 'rgb(255,228,230)', + 'rose-200': 'rgb(254,205,211)', + 'rose-300': 'rgb(253,164,175)', + 'rose-400': 'rgb(251,113,133)', + 'rose-500': 'rgb(244,63,94)', + 'rose-600': 'rgb(225,29,72)', + 'rose-700': 'rgb(190,18,60)', + 'rose-800': 'rgb(159,18,57)', + 'rose-900': 'rgb(136,19,55)', }; export const ThemeColors = { @@ -229,17 +229,17 @@ export const ThemeColors = { text: TailwindColor.black, view: TailwindColor.white, viewAccent: TailwindColor.white, - tint: TailwindColor["zinc-800"], - textInputBackground: TailwindColor["gray-100"], + tint: TailwindColor['zinc-800'], + textInputBackground: TailwindColor['gray-100'], textInputText: TailwindColor.black, }, dark: { text: TailwindColor.white, - view: "rgb(30,30,30)", - viewAccent: "rgb(45,45,45)", + view: 'rgb(30,30,30)', + viewAccent: 'rgb(45,45,45)', tint: TailwindColor.white, - textInputBackground: TailwindColor["zinc-700"], + textInputBackground: TailwindColor['zinc-700'], textInputText: TailwindColor.white, - textInputPlaceholder: TailwindColor["zinc-500"], + textInputPlaceholder: TailwindColor['zinc-500'], }, }; diff --git a/apps/observe-tester/app/(tabs)/_layout.tsx b/apps/observe-tester/app/(tabs)/_layout.tsx index a7c80d5fa15581..9e4e92d927c537 100644 --- a/apps/observe-tester/app/(tabs)/_layout.tsx +++ b/apps/observe-tester/app/(tabs)/_layout.tsx @@ -11,6 +11,10 @@ export default function TabsLayout() { Sessions + + Examples + + Debug diff --git a/apps/observe-tester/app/(tabs)/examples/_layout.tsx b/apps/observe-tester/app/(tabs)/examples/_layout.tsx new file mode 100644 index 00000000000000..1abe2193b1445e --- /dev/null +++ b/apps/observe-tester/app/(tabs)/examples/_layout.tsx @@ -0,0 +1,19 @@ +import { Stack } from 'expo-router'; + +import { useTheme } from '@/utils/theme'; + +export default function ExamplesLayout() { + const theme = useTheme(); + return ( + + + + + + + ); +} diff --git a/apps/observe-tester/app/(tabs)/examples/index.tsx b/apps/observe-tester/app/(tabs)/examples/index.tsx new file mode 100644 index 00000000000000..5d8de89557b80d --- /dev/null +++ b/apps/observe-tester/app/(tabs)/examples/index.tsx @@ -0,0 +1,48 @@ +import { useObserve } from 'expo-observe'; +import { router } from 'expo-router'; +import { useEffect } from 'react'; +import { Platform, ScrollView, StyleSheet } from 'react-native'; + +import { Button } from '@/components/Button'; +import { useTheme } from '@/utils/theme'; + +export default function ExamplesIndex() { + const theme = useTheme(); + const { markInteractive } = useObserve(); + + useEffect(() => { + markInteractive(); + }, []); + + return ( + +