fix: It's possible to create infinite empty team

HugoRCD · Oct 11, 2024 · 4389594 · 4389594
1 parent 6f676c0
commit 4389594
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/apps/app/app/components/team/Create.vue b/apps/app/app/components/team/Create.vue
@@ -37,13 +37,12 @@ async function createTeamFunction(name: string) {
         <form @submit.prevent="createTeamFunction(teamName)">
           <UCard>
             <div class="flex flex-col gap-2">
-              <p class="flex gap-2 text-sm font-semibold leading-6">
-                Create a team
-              </p>
-              <div class="flex gap-2">
-                <UInput v-model="teamName" autofocus label="Team name" placeholder="Team name" />
-                <UButton :loading="createLoading" label="Create" type="submit" />
-              </div>
+              <UFormGroup label="Create a team">
+                <div class="flex gap-2">
+                  <UInput v-model="teamName" required autofocus label="Team name" placeholder="Team name" />
+                  <UButton :loading="createLoading" label="Create" type="submit" />
+                </div>
+              </UFormGroup>
             </div>
           </UCard>
         </form>

diff --git a/apps/app/server/api/teams/index.post.ts b/apps/app/server/api/teams/index.post.ts
@@ -5,6 +5,7 @@ import { createTeam } from '~~/server/app/teamsService'
 export default eventHandler(async (event: H3Event) => {
   const { user } = event.context
   const createTeamInput = await readBody(event) as CreateTeamInput
+  if (!createTeamInput.name) throw createError({ statusCode: 400, statusMessage: 'Cannot create team without name' })
   createTeamInput.name = createTeamInput.name.trim()
   return await createTeam(createTeamInput, user.id)
 })