created tuto for creation

backend/src/entities/user.ts

@@ -55,6 +55,10 @@ export class User extends BaseEntity {
   @Column()
   role: string;
 
+  @Field()
+  @Column({ default: false })
+  isFirstTourCompleted: boolean;
+
   @OneToMany(() => Contact, (contact) => contact.user)
   @Field(() => [Contact], { nullable: true })
   contacts?: Contact[];

backend/src/resolvers/user.resolver.ts

@@ -120,4 +120,14 @@ export class UserResolver {
       throw new Error(String(error));
     }
   }
+
+  @Mutation(() => String)
+  async updateUserTour(@Arg("userId") userId: number): Promise<string> {
+    try {
+      return await UserService.updateUserTour(userId);
+    } catch (error) {
+      console.error("Error updating user tour: ", error);
+      throw new Error("Failed to update user tour");
+    }
+  }
 }

backend/src/services/user.service.ts

@@ -117,7 +117,7 @@ export async function updateSocialLink(
       throw new Error("No social links found for the user");
     }
 
-    const socialLink = user.socialLinks.find(link => link.id === id);
+    const socialLink = user.socialLinks.find((link) => link.id === id);
     if (!socialLink) {
       throw new Error("Social link not found");
     }
@@ -133,3 +133,18 @@ export async function updateSocialLink(
     throw new Error("Failed to update the social link");
   }
 }
+
+export const updateUserTour = async (userId: number): Promise<string> => {
+  try {
+    const user = await User.findOneByOrFail({ id: userId });
+
+    user.isFirstTourCompleted = true;
+
+    await user.save();
+
+    return "first tour completed";
+  } catch (error) {
+    console.error("Error updating user tour:", error);
+    throw new Error("Unable to update user tour");
+  }
+};

frontend/package.json

@@ -24,6 +24,7 @@
     "react-beautiful-dnd": "^13.1.1",
     "react-color": "^2.19.3",
     "react-dom": "^18.3.1",
+    "react-joyride": "^2.9.2",
     "react-loader-spinner": "^6.1.6",
     "react-modal": "^3.16.1",
     "react-resizable": "^3.0.5",

frontend/src/client/mutations/user/user-mutations.ts

@@ -1,24 +1,47 @@
 import { gql } from "@apollo/client";
 
 export const UPDATE_USER_INFORMATION = gql`
-mutation UpdateUser($email: String!, $firstname: String!, $lastname: String!) {
-  updateUserName(email: $email, firstname: $firstname, lastname: $lastname)
-}
+  mutation UpdateUser(
+    $email: String!
+    $firstname: String!
+    $lastname: String!
+  ) {
+    updateUserName(email: $email, firstname: $firstname, lastname: $lastname)
+  }
 `;
 
 export const VERIFY_PASSWORD = gql`
-mutation VerifyPassword($email: String!, $password: String!) {
-  verifyPassword(email: $email, password: $password)
-}
+  mutation VerifyPassword($email: String!, $password: String!) {
+    verifyPassword(email: $email, password: $password)
+  }
 `;
 
 export const CREATE_USER_LINKS = gql`
-mutation CreateUserLinks($socialLinkData: SocialLinkInput!, $email: String!) {
-  createUserLinks(socialLinkData: $socialLinkData, email: $email)
-}`;
+  mutation CreateUserLinks($socialLinkData: SocialLinkInput!, $email: String!) {
+    createUserLinks(socialLinkData: $socialLinkData, email: $email)
+  }
+`;
 
 export const UPDATE_USER_LINKS = gql`
-mutation UpdateUserLinks($email: String!, $id: Float!, $facebook: String!, $twitter: String!, $linkedin: String!) {
-  updateUserLinks(email: $email, id: $id, facebook: $facebook, twitter: $twitter, linkedin: $linkedin)
-}
+  mutation UpdateUserLinks(
+    $email: String!
+    $id: Float!
+    $facebook: String!
+    $twitter: String!
+    $linkedin: String!
+  ) {
+    updateUserLinks(
+      email: $email
+      id: $id
+      facebook: $facebook
+      twitter: $twitter
+      linkedin: $linkedin
+    )
+  }
+`;
+
+export const UPDATE_USER_TOUR = gql`
+  mutation UpdateUserTour($userId: Float!) {
+    updateUserTour(userId: $userId)
+  }
 `;