chore: fix dapp

push-protocol · Jul 7, 2024 · f3718c2 · f3718c2
1 parent 02de4ca
commit f3718c2
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 16 deletions.
diff --git a/packages/examples/dnode-dapp/package-lock.json b/packages/examples/dnode-dapp/package-lock.json
diff --git a/packages/examples/dnode-dapp/package.json b/packages/examples/dnode-dapp/package.json
@@ -10,7 +10,7 @@
   "dependencies": {
     "@headlessui/react": "^2.1.1",
     "@heroicons/react": "^2.1.4",
-    "@pushprotocol/dnode": "^0.0.4",
+    "@pushprotocol/dnode": "^0.0.5",
     "@rainbow-me/rainbowkit": "^2.1.3",
     "@tailwindcss/forms": "^0.5.7",
     "@tanstack/react-query": "^5.28.4",

diff --git a/packages/examples/dnode-dapp/src/components/Notification.tsx b/packages/examples/dnode-dapp/src/components/Notification.tsx
@@ -10,13 +10,14 @@ const SendNotification: React.FC = () => {
   const [recipient, setRecipient] = useState<string[]>(['*']); // State for recipients
   const [allowNotification, setAllowNotification] = useState<boolean>(false);
   const [errorMessage, setErrorMessage] = useState<string>(''); // State for error message
+  const [sending, setSending] = useState<boolean>(false);
 
   const { isConnected } = useAccount();
   const walletClient = useWalletClient();
 
   useEffect(() => {
     const checkNotificationPermission = async () => {
-      if (isConnected && walletClient.data) {
+      if (isConnected && walletClient.data && channel === '') {
         try {
           const channelInfo = await getChannelInfo(walletClient.data);
           if (channelInfo !== null) {
@@ -76,19 +77,29 @@ const SendNotification: React.FC = () => {
       notificationType,
       recipient
     );
-    const res = await sendNotification(
-      title,
-      body,
-      recipient,
-      walletClient.data
-    );
-    console.log(res);
+
+    setAllowNotification(false);
+    setSending(true);
+    try {
+      const res = await sendNotification(
+        title,
+        body,
+        recipient,
+        walletClient.data
+      );
+      setAllowNotification(false);
+      console.log(res);
+    } catch (error) {
+      console.error(error);
+    }
     // Reset form fields if needed
     setTitle('');
     setBody('');
     setChannel('');
     setNotificationType('broadcast');
     setRecipient(['*']);
+    setSending(false);
+    setAllowNotification(true);
   };
 
   return (
@@ -181,7 +192,7 @@ const SendNotification: React.FC = () => {
             >
               <option value="broadcast">Broadcast</option>
               <option value="targeted">Targeted</option>
-              <option value="subset">Subset</option>
+              {/* <option value="subset">Subset</option> */}
             </select>
           </div>
 
@@ -222,7 +233,7 @@ const SendNotification: React.FC = () => {
                 : 'bg-gray-300 text-gray-600 cursor-not-allowed'
             }`}
           >
-            Send
+            {sending ? 'Sending...' : 'Send'}
           </button>
         </div>
       </div>

diff --git a/packages/examples/dnode-dapp/src/utils/push.ts b/packages/examples/dnode-dapp/src/utils/push.ts
@@ -2,7 +2,7 @@ import { PushAPI } from '@pushprotocol/dnode';
 import { ENV } from '@pushprotocol/dnode/src/lib/constants';
 
 // TODO: Change to dev or stage
-const env = ENV.LOCAL;
+const env = ENV.DEV;
 
 export const sendNotification = async (
   title: string,