[front] - chore: update ConnectorPermissionModal (#8632)

* Using ContentMessage in Permission modals * [front] - feature: update @dust-tt/sparkle package to 0.2.310 - Bump the version of @dust-tt/sparkle to incorporate new features or bug fixes - Ensure consistency across package-lock.json and package.json for dependency management * [front] - fix: bump @dust-tt/sparkle to version 0.2.311 - Update the @dust-tt/sparkle package to the latest version to include new patches and features - Ensure consistency between package-lock.json and package.json for dependency management --------- Co-authored-by: Edouard Wautier <[email protected]>
dust-tt · Nov 15, 2024 · 32536c8 · 32536c8
1 parent c1cdc88
commit 32536c8
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 24 deletions.
diff --git a/front/components/ConnectorPermissionsModal.tsx b/front/components/ConnectorPermissionsModal.tsx
@@ -3,7 +3,9 @@ import {
   Avatar,
   Button,
   CloudArrowLeftRightIcon,
+  ContentMessage,
   Dialog,
+  Hoverable,
   Icon,
   Input,
   LockIcon,
@@ -323,34 +325,29 @@ function DataSourceEditionModal({
         {!isDataSourceOwner && (
           <div className="item flex flex-col gap-2 border-t pt-4">
             <Page.SectionHeader title="Editing permissions" />
-            <div className="mb-4 w-full rounded-lg border-pink-200 bg-pink-50 p-3">
-              <div className="flex items-center gap-2 font-medium text-pink-900">
-                <Icon visual={InformationCircleIcon} />
-                Important
-              </div>
-              <div className="pl-4 pt-2 font-medium text-pink-900">
-                You are not the owner of this connection.
-              </div>
-              <div className="p-4 text-sm text-amber-900">
-                Editing permission rights with a different account will likely
-                break the existing data structure in Dust and Assistants using
-                them.
-              </div>
-
+            <ContentMessage
+              size="md"
+              variant="pink"
+              title="You are not the owner of this connection."
+              icon={InformationCircleIcon}
+            >
+              Editing permission rights with a different account will likely
+              break the existing data structure in Dust and Assistants using
+              them.
               {connectorConfiguration.guideLink && (
-                <div className="pl-4 text-sm text-amber-800">
+                <div>
                   Read our{" "}
-                  <a
+                  <Hoverable
                     href={connectorConfiguration.guideLink}
-                    className="text-blue-600"
+                    variant="primary"
                     target="_blank"
                   >
                     Playbook
-                  </a>
+                  </Hoverable>
                   .
                 </div>
               )}
-            </div>
+            </ContentMessage>
           </div>
         )}
 

diff --git a/front/package-lock.json b/front/package-lock.json
diff --git a/front/package.json b/front/package.json
@@ -20,7 +20,7 @@
   "dependencies": {
     "@auth0/nextjs-auth0": "^3.5.0",
     "@dust-tt/client": "file:../sdks/js",
-    "@dust-tt/sparkle": "^0.2.309",
+    "@dust-tt/sparkle": "^0.2.311",
     "@dust-tt/types": "file:../types",
     "@headlessui/react": "^1.7.7",
     "@heroicons/react": "^2.0.11",