Open alarm when clock is pressed1.0.0

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>
   );
 });