Merge pull request #116 from Trustless-Work/feat/implement-joyride

Feat/implement joyride
Trustless-Work · Feb 25, 2025 · 2723e2e · 2723e2e
2 parents 6f87f2d + 142f2d7
commit 2723e2e
Show file tree

Hide file tree

Showing 12 changed files with 404 additions and 145 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -44,6 +44,7 @@
     "react-day-picker": "^9.4.4",
     "react-dom": "^18",
     "react-hook-form": "^7.53.0",
+    "react-joyride": "^2.9.3",
     "react-loader-spinner": "^6.1.6",
     "react-qr-code": "^2.0.15",
     "react-syntax-highlighter": "^15.6.1",

diff --git a/src/components/layout/header/Header.tsx b/src/components/layout/header/Header.tsx
@@ -45,6 +45,7 @@ const Header = () => {
 
             <div className="flex gap-5 ml-auto">
               <ThemeToggle />
+
               <button
                 type="button"
                 onClick={handleDisconnect}

diff --git a/src/components/modules/escrow/ui/cards/MyEscrowsCards.tsx b/src/components/modules/escrow/ui/cards/MyEscrowsCards.tsx
@@ -83,7 +83,7 @@ const MyEscrowsCards = ({ type }: MyEscrowsCardsProps) => {
       {loadingEscrows ? (
         <SkeletonCards />
       ) : currentData.length !== 0 ? (
-        <div className="py-3">
+        <div className="py-3" id="step-3">
           <div className="flex flex-col">
             <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3">
               {currentData.map((escrow, index) => {

diff --git a/src/components/modules/escrow/ui/filters/MyEscrowsFilter.tsx b/src/components/modules/escrow/ui/filters/MyEscrowsFilter.tsx
@@ -28,6 +28,7 @@ const MyEscrowsFilter = () => {
           className="mr-auto w-full md:w-auto"
           label="Create Escrow"
           url={"/dashboard/escrow/initialize-escrow"}
+          id="step-2"
         />
       </div>