cc47007fa9
- Archive dormant apps (daemon, desktop, native, tui) and superseded packages/server into repos/ for reference - Archive 21 dead web components (chat page shell, work-os cluster, strays) into repos/web/; keep reused message-rendering primitives in components/chat - Merge @code/work-os into @code/primitives; work.ts absorbed via ./work subpath and barrel export; update all four importers - Add docs/futures.md tracking audio/video (blocked at Flue + provider), web layout cleanup, and message rendering quality - Repoint dev:zopu script to @code/agents (the live Flue server) - Note repos/ reference-code convention in AGENTS.md
38 lines
1.3 KiB
TypeScript
38 lines
1.3 KiB
TypeScript
import { Ionicons } from "@expo/vector-icons";
|
|
import { router } from "expo-router";
|
|
import { Button, Surface, useThemeColor } from "heroui-native";
|
|
import { Text, View } from "react-native";
|
|
|
|
import { Container } from "@/components/container";
|
|
|
|
function Modal() {
|
|
const accentForegroundColor = useThemeColor("accent-foreground");
|
|
|
|
function handleClose() {
|
|
router.back();
|
|
}
|
|
|
|
return (
|
|
<Container>
|
|
<View className="flex-1 justify-center items-center p-4">
|
|
<Surface variant="secondary" className="p-5 w-full max-w-sm rounded-lg">
|
|
<View className="items-center">
|
|
<View className="w-12 h-12 bg-accent rounded-lg items-center justify-center mb-3">
|
|
<Ionicons name="checkmark" size={24} color={accentForegroundColor} />
|
|
</View>
|
|
<Text className="text-foreground font-medium text-lg mb-1">Modal Screen</Text>
|
|
<Text className="text-muted text-sm text-center mb-4">
|
|
This is an example modal screen for dialogs and confirmations.
|
|
</Text>
|
|
</View>
|
|
<Button onPress={handleClose} className="w-full" size="sm">
|
|
<Button.Label>Close</Button.Label>
|
|
</Button>
|
|
</Surface>
|
|
</View>
|
|
</Container>
|
|
);
|
|
}
|
|
|
|
export default Modal;
|