From 740a730f7a3eefa6a4881f6027cc5fa6a117ba23 Mon Sep 17 00:00:00 2001
From: Kartik Sharma <kartik.sharma@marcoaiot.com>
Date: Sat, 26 Jul 2025 10:44:02 +0530
Subject: [PATCH] Changes in Contact Profile.

---
 src/components/Directory/NotesDirectory.jsx | 39 ++++++++++++---------
 1 file changed, 22 insertions(+), 17 deletions(-)

diff --git a/src/components/Directory/NotesDirectory.jsx b/src/components/Directory/NotesDirectory.jsx
index 2ba497d5..a824cbb7 100644
--- a/src/components/Directory/NotesDirectory.jsx
+++ b/src/components/Directory/NotesDirectory.jsx
@@ -117,23 +117,28 @@ const NotesDirectory = ({
   return (
     <div className="text-start mt-10">
       <div className="d-flex align-items-center justify-content-between">
-        <div className="row w-100 align-items-center">
-          <div className="col col-2">
-            <p className="fw-semibold m-0 ms-3">Notes :</p>
-          </div>
-          <div className="col d-flex justify-content-end gap-2 pe-0">
-            {" "}
-            <div className="d-flex align-items-center justify-content-between">
-              <label
-                className="switch switch-primary"
-                style={{
-                  visibility:
-                    contactProfile?.notes?.length > 0 ||
-                    contactNotes?.length > 0
-                      ? "visible"
-                      : "hidden",
-                }}
-              >
+        <p className="fw-semibold m-0 ms-3">Notes :</p>
+      </div>
+      <div className="d-flex align-items-center justify-content-between mb-5">
+        <div className="m-0 d-flex align-items-center ms-2 mt-5">
+          {(contactProfile?.notes?.length > 0 || contactNotes?.length > 0) && (
+            <label className="switch switch-primary">
+              <input
+                type="checkbox"
+                className="switch-input"
+                onChange={handleSwitch}
+                checked={!IsActive}
+              />
+              <span className="switch-toggle-slider">
+                <span className="switch-on"></span>
+                <span className="switch-off"></span>
+              </span>
+              <span className="switch-label">Include Deleted Notes</span>
+            </label>
+          )}
+          {!(contactProfile?.notes?.length > 0 || contactNotes?.length > 0) && (
+            <div style={{ visibility: "hidden" }}>
+              <label className="switch switch-primary">
                 <input type="checkbox" className="switch-input" />
                 <span className="switch-toggle-slider">
                   <span className="switch-on"></span>