> ## Documentation Index
> Fetch the complete documentation index at: https://cometchat-22654f5b-docs-angular-v5-docs-update.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Remove Delivered Notifications

> Remove Delivered Notifications — CometChat documentation.

This guide helps you to set up with which you can remove certainly delivered notifications using **Notification Service Extension**.

For removing notifications you will need to add Notification Service in your project. Please follow the below step to add Notification Service Extension in your app.

***

## UNNotificationServiceExtension

This service grabs the data from the push notification payload, the user can modify its content and display the customized data on to the push notification.

In our case, we are modifying the data of the push notification and incrementing the badge count when a new push notification is received.

<Warning>
  If you already have Notification Service Extension then you can skip Step1.
</Warning>

Let's begin to implement an incremented badge count for your app.

***

### **Step 1: Add UNNotificationServiceExtension inside the app.**

1. Click on `File` --> `New` --> `Targets` --> `Application Extension` --> `Notification Service Extension`.

<Frame>
  <img src="https://mintcdn.com/cometchat-22654f5b-docs-angular-v5-docs-update/xHWe3as1OGB4Vmrv/images/98aad8b5-1623200467-6f2c5600ed652b7edc4ff060dae821ae.png?fit=max&auto=format&n=xHWe3as1OGB4Vmrv&q=85&s=4e32543ca09b9af1b211b51d205e0ec9" width="729" height="525" data-path="images/98aad8b5-1623200467-6f2c5600ed652b7edc4ff060dae821ae.png" />
</Frame>

2. Add `Product Name` and click on `Finish`.

<Frame>
  <img src="https://mintcdn.com/cometchat-22654f5b-docs-angular-v5-docs-update/H2Jrd_-HLEdrybSX/images/e7cb86a6-1623200471-91f4c42b9c543b4534a2d3751348b758.png?fit=max&auto=format&n=H2Jrd_-HLEdrybSX&q=85&s=a184753246fb7aa637ed1ccdc6e54e4c" width="729" height="527" data-path="images/e7cb86a6-1623200471-91f4c42b9c543b4534a2d3751348b758.png" />
</Frame>

### **Step 2: Add CometChat SDK in your Notification Extension.**

Make sure you are adding the CometChat Pro SDK in your Notification Extension. So in case if you are using pods then your pod file should contain the following:

<Tabs>
  <Tab title="Swift">
    ```ruby theme={null}
    platform :ios, '10.0'
    use_frameworks!

    target 'MyApp' do
      pod 'CometChatPro', '2.0.8-Xcode11.4'
    end

    target 'NotificationExtension' do
    	pod 'CometChatPro', '2.0.8-Xcode11.4'
    end
    ```
  </Tab>
</Tabs>

### **Step 3: Add Code for removing Notifications.**

Once you have successfully configured the Notification Service then add the below code in `didReceive(_ request: UNNotificationRequest, withContentHandler contentHandler: @escaping (UNNotificationContent)` method under `bestAttemptContent` condition. The below code shows how you can remove the notifications for `call` type messages since we need to show the latest call notification.

<Tabs>
  <Tab title="Swift">
    ```swift theme={null}
    import CometChatPro

    override func didReceive(_ request: UNNotificationRequest, withContentHandler contentHandler: @escaping (UNNotificationContent) -> Void) {
      
      self.contentHandler = contentHandler
      bestAttemptContent = (request.content.mutableCopy() as? UNMutableNotificationContent)

      if let bestAttemptContent = bestAttemptContent {
                // Modify the notification content here...
      var customID : String = ""
      if let userInfo = request.content.userInfo as? [String : Any], let messageObject = userInfo["message"], let str = messageObject as? String, let dict = str.stringTodictionary() {
        if let baseMessage = CometChat.processMessage(dict).0 {
          switch baseMessage.messageCategory {
            case .message: break
            case .action: break
            case .call:
              if let call = baseMessage as? Call {
                customID = call.sessionID!
              }
            case .custom: break
            @unknown default: break
          }
        }
      }
                
      UNUserNotificationCenter.current().getDeliveredNotifications { notifications in
        var id : String = ""
        let matching = notifications.first(where: { notify in
          if let existingUserInfo = request.content.userInfo as? [String : Any], let messageObject = existingUserInfo["message"], let str = messageObject as? String, let dict = str.stringTodictionary() {
          if let baseMessage = CometChat.processMessage(dict).0 {
            switch baseMessage.messageCategory {
              case .message: break
              case .action: break
              case .call:
                if let call = baseMessage as? Call {
                  id = call.sessionID!
                }

                case .custom: break
                @unknown default: break
                }
             }
           }
           return id == customID
          })

          if let matchExists = matching {
          UNUserNotificationCenter.current().removeDeliveredNotifications(
            withIdentifiers: [matchExists.request.identifier])
          }
      	}
    	}
    }
    ```
  </Tab>
</Tabs>

In the above code, we are trying to remove the previous notification of the call message when the end call or unanswered call notification appears. Since we always have to show the latest notification for calls. We are removing the previous call notifications based on the call `sessionID`.

You can change the implementation as per your service. Once you added the code the above code add the completion handler in the main thread like shown below:

<Tabs>
  <Tab title="Swift">
    ```swift theme={null}
    DispatchQueue.main.asyncAfter(deadline: .now() + 0.2) {
    	contentHandler(bestAttemptContent)
    }
    ```
  </Tab>
</Tabs>
