fix build and tutorial

Author: derensdima22

src/components/modal/NewAppModal.tsx

@@ -61,6 +61,7 @@ export function NewAppModal({ onClose, show }: Props) {
             state: { from: location.pathname + location.search },
           });
           localStorage.removeItem('newUser');
+          localStorage.setItem('firstAdd', true.toString());
 
           onClose();
         }, 1500);

src/components/modal/PreviewAppModal.tsx

@@ -66,6 +66,7 @@ export function PreviewAppModal({ onClose, show }: Props) {
             state: { from: location.pathname + location.search },
           });
           localStorage.removeItem('newUser');
+          localStorage.setItem('firstAdd', true.toString());
 
           onClose();
         }, 1500);

src/components/modal/SettingsTutorialModal/SettingTutorialModal.tsx

@@ -24,7 +24,7 @@ export const SettingTutorialModal: FC<SettingTutorialModalProps> = ({
 }): ReactElement => {
   const [step, setStep] = useState<Step>('Start');
   const [questionStep, setQuestionStep] = useState('default');
-  const [selectedQuestionId, setSelectedQuestionId] = useState<string | undefined>();
+  const [selectedQuestionId] = useState<string | undefined>();
   const [animate, setAnimate] = useState(false);
   const { appId } = useParams();
   const questionsChat = getQuestionsChat(appId);
@@ -46,12 +46,6 @@ export const SettingTutorialModal: FC<SettingTutorialModalProps> = ({
     }, 200);
   };
 
-  const handleSelectQuestion = (questionId: string, category: 'Chat' | 'AI') => {
-    setSelectedQuestionId(questionId);
-    const nextStep: Step = category === 'Chat' ? 'ChatQuestion' : 'AIQuestion';
-    handleChangeStep(nextStep);
-  };
-
   const goBack = () => {
     if (step === 'ChatList' || step === 'AIList') {
       handleChangeStep('Start');

src/components/modal/SettingsTutorialModal/components/AnswerStep.tsx

@@ -27,9 +27,7 @@ export const AnswerStep = ({
       <div className="btn flex items-start gap-3 text-left p-4 w-full rounded-lg border bg-gray-100 hover:bg-white transition">
         <div className="flex flex-col">
           <span className="font-medium text-sm">
-            {filteredAnswer.question.map((part, i) => (
-              <span key={i}>{part}</span>
-            ))}
+            {filteredAnswer.question.title}
           </span>
         </div>
       </div>

src/components/modal/SettingsTutorialModal/components/DemoComponentForm.tsx

@@ -1,9 +1,7 @@
 import classNames from "classnames"
 import { useForm, SubmitHandler } from "react-hook-form"
 import { StepLayout } from "./StepLayout"
-import CustomInput from "../../../../components/input/Input"
 import { Box } from "@mui/material"
-import CustomButton from "../../../../pages/AuthPage/Button"
 import { HubspotForm } from "./HubspotForm"
 
 type FormInputs = {
@@ -22,13 +20,10 @@ export const DemoComponentForm = ({
     animate: boolean;
   }) => {
   const {
-    register,
     handleSubmit,
-    formState: { errors },
   } = useForm<FormInputs>()
 
-  const onSubmit: SubmitHandler<FormInputs> = (data) => {
-    console.log('Form submitted:', data)
+  const onSubmit: SubmitHandler<FormInputs> = () => {
     onClose()
   }
 

src/components/modal/SettingsTutorialModal/components/QuestionsStepDefault.tsx

@@ -30,9 +30,7 @@ export const QuestionsStepDefault = ({
         >
           <div className="flex flex-col">
             <span className="font-medium text-sm">
-              {question.map((part, i) => (
-                <span key={i}>{part}</span>
-              ))}
+                <span>{question.title}</span>
             </span>
           </div>
         </button>

src/components/modal/SettingsTutorialModal/components/StepChooseTutorial.tsx

@@ -1,4 +1,3 @@
-import { Rating } from '@mui/material';
 import clsx from 'clsx';
 import { ReactElement, useState } from 'react';
 import { StepLayout } from '.';

src/pages/AppSettings/AppSettings.tsx

@@ -15,7 +15,6 @@ import { actionUpdateApp } from '../../actions';
 import { IconExternalLink } from '../../components/Icons/IconExternalLink';
 import { Loading } from '../../components/Loading';
 import DeleteAppModal from '../../components/modal/DeleteAppModal';
-import InfoAppModal from '../../components/modal/InfoAppModal';
 import TabApp from '../../components/TabApp';
 import {
   deleteApp,
@@ -74,7 +73,7 @@ export default function AppSettings() {
 
   const apps = useAppStore((s) => s.apps);
   const currentUser = useAppStore((s) => s.currentUser);
-  const [isInfo, setIsInfo] = useState(true);
+  const [isInfo, setIsInfo] = useState(false);
   const [app, setApp] = useState<ModelApp | undefined>(undefined);
 
   const [searchParams, setSearchParams] = useSearchParams();
@@ -86,6 +85,14 @@ export default function AppSettings() {
     : 0;
   const [selectedIndex, setSelectedIndex] = useState(initialTabIndex);
 
+  const firstAdd = localStorage.getItem('firstAdd') === 'true';
+
+  useEffect(() => {
+    if (firstAdd) {
+      setIsInfo(true);
+    }
+  }, [firstAdd]);
+
   useEffect(() => {
     if (
       tabs.includes(tabFromUrl ?? '') &&