added delete DS node functionality

dm3-org · Aug 28, 2024 · 58aac72 · 58aac72
1 parent d7c9734
commit 58aac72
Show file tree

Hide file tree

Showing 8 changed files with 257 additions and 421 deletions.
diff --git a/packages/messenger-widget/src/assets/images/active-node.svg b/packages/messenger-widget/src/assets/images/active-node.svg
diff --git a/packages/messenger-widget/src/assets/images/inactive-node.svg b/packages/messenger-widget/src/assets/images/inactive-node.svg
diff --git a/packages/messenger-widget/src/components/ConfigureProfile/MobileView.tsx b/packages/messenger-widget/src/components/ConfigureProfile/MobileView.tsx
@@ -44,10 +44,9 @@ export function MobileView() {
     const { dm3Configuration } = useContext(DM3ConfigurationContext);
 
     const {
-        nodes,
         updateProfileWithTransaction,
-        isDm3NameConfigured,
-        isEnsNameConfigured,
+        isProfileUpdatedForDm3Name,
+        isProfileUpdatedForEnsName,
     } = useContext(DM3UserProfileContext);
 
     const ensDomainName =
@@ -58,26 +57,6 @@ export function MobileView() {
                 : 'ENS')) ??
         null;
 
-    const isProfileNotUpdatedForDm3Name = (): boolean => {
-        return nodes.filter(
-            (n) =>
-                isDm3NameConfigured &&
-                (!n.dm3Name?.isActive || !n.opName?.isActive),
-        ).length
-            ? true
-            : false;
-    };
-
-    const isProfileNotUpdatedForEnsName = (): boolean => {
-        return nodes.filter(
-            (n) =>
-                isEnsNameConfigured &&
-                (!n.ensName?.isActive || !n.gnosisName?.isActive),
-        ).length
-            ? true
-            : false;
-    };
-
     // handles ENS name and address
     useEffect(() => {
         getEnsName(
@@ -145,7 +124,7 @@ export function MobileView() {
                     <p
                         className={'m-0 font-size-14 font-weight-500 line-height-24 title-content'.concat(
                             ' ',
-                            isProfileNotUpdatedForDm3Name() ? 'error-text' : '',
+                            !isProfileUpdatedForDm3Name() ? 'error-text' : '',
                         )}
                     >
                         DM3 Name
@@ -167,7 +146,7 @@ export function MobileView() {
                     <p
                         className={'dm3-address m-0 ms-0 font-size-14 font-weight-500 line-height-24 grey-text'.concat(
                             ' ',
-                            isProfileNotUpdatedForDm3Name()
+                            !isProfileUpdatedForDm3Name()
                                 ? 'error-text'
                                 : 'grey-text',
                         )}
@@ -183,7 +162,7 @@ export function MobileView() {
                         />
                     </p>
 
-                    {isProfileNotUpdatedForDm3Name() && (
+                    {!isProfileUpdatedForDm3Name() && (
                         <button
                             className="add-prof-btn-active update-btn"
                             onClick={() =>
@@ -208,7 +187,7 @@ export function MobileView() {
                     <p
                         className={'m-0 font-size-14 font-weight-500 line-height-24 title-content'.concat(
                             ' ',
-                            isProfileNotUpdatedForEnsName() ? 'error-text' : '',
+                            !isProfileUpdatedForEnsName() ? 'error-text' : '',
                         )}
                     >
                         {ensDomainName} Name
@@ -232,15 +211,15 @@ export function MobileView() {
                     <p
                         className={'dm3-address m-0 ms-0 font-size-14 font-weight-500 line-height-24 grey-text'.concat(
                             ' ',
-                            isProfileNotUpdatedForEnsName()
+                            !isProfileUpdatedForEnsName()
                                 ? 'error-text'
                                 : 'grey-text',
                         )}
                     >
                         {existingEnsName}
                     </p>
 
-                    {isProfileNotUpdatedForEnsName() && (
+                    {!isProfileUpdatedForEnsName() && (
                         <button
                             className="add-prof-btn-active update-btn"
                             onClick={() =>