Add Demo-Data to newly created teams (#521)

* create people and survey on team create

* create people and responses / displays

* drafting GPT input

* add attributeClass, eventClass and people

* fix link in person detail page

* fix email instead of uid

* added two surveys

* add events, 3 more surveys

---------

Co-authored-by: Johannes <johannes@formbricks.com>

apps/web/app/environments/[environmentId]/people/[personId]/ResponsesFeed.tsx

@@ -38,7 +38,7 @@ export default function ResponseFeed({ person, sortByDate, environmentId }) {
                           <div className="flex items-center justify-center space-x-2  rounded-full bg-slate-50 px-3 py-1 text-sm text-slate-600">
                             <Link
                               className="hover:underline"
-                              href={`environments/${environmentId}/surveys/${response.survey.id}/summary`}>
+                              href={`/environments/${environmentId}/surveys/${response.survey.id}/summary`}>
                               {response.survey.name}
                             </Link>
                             <SurveyStatusIndicator

apps/web/app/environments/[environmentId]/surveys/[surveyId]/(analysis)/summary/MultipleChoiceSummary.tsx

@@ -54,8 +54,7 @@ export default function MultipleChoiceSummary({
     }
 
     function findEmail(person) {
-      const emailAttribute = person.attributes.email;
-      return emailAttribute ? emailAttribute.value : null;
+      return person.attributes?.email || null;
     }
 
     const addOtherChoice = (response, value) => {

apps/web/app/environments/[environmentId]/surveys/[surveyId]/(analysis)/summary/OpenTextSummary.tsx

@@ -12,8 +12,7 @@ interface OpenTextSummaryProps {
 }
 
 function findEmail(person) {
-  const emailAttribute = person.attributes.email;
-  return emailAttribute ? emailAttribute.value : null;
+  return person.attributes?.email || null;
 }
 
 export default function OpenTextSummary({ questionSummary, environmentId }: OpenTextSummaryProps) {

apps/web/components/team/CreateTeamModal.tsx

@@ -55,7 +55,11 @@ export default function CreateTeamModal({ open, setOpen }: CreateTeamModalProps)
             <div className="grid w-full gap-x-2">
               <div>
                 <Label>Team Name</Label>
-                <Input placeholder="e.g. Power Puff Girls" {...register("name", { required: true })} />
+                <Input
+                  autoFocus
+                  placeholder="e.g. Power Puff Girls"
+                  {...register("name", { required: true })}
+                />
               </div>
             </div>
           </div>