bug fix Listener and layout file name change

Author: nilavanraj

README.md

@@ -1,6 +1,6 @@
 # react-native-custom-timer-notification
 
-custom timer notification for react native 🔔
+Custom timer notification for React Native Android 🔔
 ![ezgif com-gif-maker](https://user-images.githubusercontent.com/58332892/166133982-effe321c-a0fd-4315-bb29-cc7ee29d0bd4.gif)
 
 
@@ -29,13 +29,13 @@ AndroidManifest
 ```sec``` Time in seconds <br>
 
 ```js
-import { TimerNotification } from "react-native-custom-timer-notification";
+import { TimerNotification, onEvent } from "react-native-custom-timer-notification";
 
 // ...
 // onclick and cancel listner
-DeviceEventEmitter.addListener("notificationClick",event=>{
+onEvent(event=>{
 console.log(event)
-})
+});
 
 const result = await TimerNotification({
       payload: JSON.stringify("notificationOpen?.data"), 

android/src/main/java/com/reactnativecustomtimernotification/CustomTimerNotificationModule.kt

@@ -101,7 +101,7 @@ class CustomTimerNotificationModule: ReactContextBaseJavaModule {
       val onDismissPendingIntent =
         PendingIntent.getBroadcast(myContext, 0, onCancelIntent, 0)
 
-      val notificationLayout = RemoteViews(packageName, R.layout.notification_collapsed);
+      val notificationLayout = RemoteViews(packageName, R.layout.notification_open);
       notificationLayout.setTextViewText(R.id.title,title)
       notificationLayout.setTextViewText(R.id.text,body)
       notificationLayout.setTextViewText(R.id.timer,remainingTime)

android/src/main/java/com/reactnativecustomtimernotification/ForegroundService.kt

@@ -66,7 +66,7 @@ class ForegroundService : Service() {
     val onDismissPendingIntent =
       PendingIntent.getBroadcast(this, 0, onCancelIntent, 0)
 
-    val notificationLayout = RemoteViews(packageName, R.layout.notification_collapsed);
+    val notificationLayout = RemoteViews(packageName, R.layout.notification_open);
     notificationLayout.setTextViewText(R.id.title,title)
     notificationLayout.setTextViewText(R.id.text,body)
     notificationLayout.setTextViewText(R.id.timer,remainingTime)

android/src/main/res/layout/notification_collapsed.xml renamed to android/src/main/res/layout/notification_open.xml

@@ -1,10 +1,10 @@
 import * as React from 'react';
 
 import { StyleSheet, View, Text,DeviceEventEmitter } from 'react-native';
-import { TimerNotification } from 'react-native-custom-timer-notification';
-DeviceEventEmitter.addListener("notificationClick",event=>{
+import { TimerNotification,onEvent } from 'react-native-custom-timer-notification';
+onEvent(event=>{
 console.log(event)
-})
+});
 export default function App() {
   const [result, setResult] = React.useState<number | undefined>();
 

example/src/App.tsx

@@ -1,6 +1,6 @@
 {
   "name": "react-native-custom-timer-notification",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "custom timer notification",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package.json

@@ -1,4 +1,4 @@
-import { NativeModules, Platform } from 'react-native';
+import { NativeModules, Platform, DeviceEventEmitter } from 'react-native';
 
 const LINKING_ERROR =
   `The package 'react-native-custom-timer-notification' doesn't seem to be linked. Make sure: \n\n` +
@@ -17,6 +17,14 @@ const CustomTimerNotification = NativeModules.CustomTimerNotification
       }
     );
 
-export function TimerNotification(a: object): Promise<number> {
-  return CustomTimerNotification.TimerNotification(a);
+export function TimerNotification(a: object): any {
+  if (Platform.OS === 'android')
+    return CustomTimerNotification.TimerNotification(a);
+  return null;
+}
+
+export function onEvent(listener: Function): void {
+  DeviceEventEmitter.addListener('notificationClick', (event) =>
+    listener(event)
+  );
 }