aboutsummaryrefslogtreecommitdiff
path: root/src/components/Clock.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/Clock.tsx')
-rw-r--r--src/components/Clock.tsx17
1 files changed, 14 insertions, 3 deletions
diff --git a/src/components/Clock.tsx b/src/components/Clock.tsx
index f41a298..cbf1857 100644
--- a/src/components/Clock.tsx
+++ b/src/components/Clock.tsx
@@ -1,5 +1,8 @@
import React, {useEffect, useMemo, useState} from 'react';
-import {Text, View} from 'react-native';
+import {Pressable, Text, View} from 'react-native';
+// @ts-expect-error No declaration file
+import IntentLauncher from '@angelkrak/react-native-intent-launcher';
+import {useStableCallback} from '../hooks/useStableCallback';
export const Clock: React.FC = React.memo(() => {
const [date, setDate] = useState(() => new Date());
@@ -28,10 +31,18 @@ export const Clock: React.FC = React.memo(() => {
return formatter.format(date);
}, [date]);
+ const showAlarms = useStableCallback(() =>
+ IntentLauncher.startActivity({
+ action: 'android.intent.action.SHOW_ALARMS',
+ }),
+ );
+
return (
<View className="p-6">
- <Text className="text-4xl font-bold">{timeText}</Text>
- <Text className="text-lg">{dateText}</Text>
+ <Pressable onPress={showAlarms} className="self-start">
+ <Text className="text-4xl font-bold">{timeText}</Text>
+ <Text className="text-lg">{dateText}</Text>
+ </Pressable>
</View>
);
});