PulseApp/www
PulseApp/www
1
0
Fork 0
Code Issues Pull Requests 10 Actions Activity

Add the org slug regex
All checks were successful
Deploy / deploy (ubuntu-latest, 2.44.0) (push) Successful in 1m5s
Details

Browse Source
This commit is contained in:
Braydon 2024-09-19 01:05:17 -04:00
parent cf63e672c2
commit 77910a05ae
1 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/dashboard/onboarding/onboarding-form.tsx
View File

@ -25,7 +25,9 @@ import { User } from "@/app/types/user/user";
* Define the various stages of onboarding.
*/
const organizationName = z.string().min(2, "You need a longer org name!!!");
const organizationSlug = z.string().min(2, "You need a longer org slug!!!");
const organizationSlug = z
.string()
.regex(/^[a-z0-9]+(?:-[a-z0-9]+)*$/, "Invalid slug.");
const stages: OnboardingStage[] = [
{
name: "Create a new organization",
@ -174,7 +176,16 @@ const OnboardingForm = (): ReactElement => {
className="pl-[7.25rem] rounded-lg"
placeholder={organizationSlugPreview}
defaultValue={organizationSlugPreview}
{...register("organizationSlug")}
{...register("organizationSlug", {
onChange: (event) => {
event.target.value =
event.target.value
.replace(/-{2,}/g, "-") // Replace multiple dashes with a single dash
.replace(/-\s+/g, "-") // Prevent spaces after a dash
.replace(/\s+/g, "-") // Replace spaces with dashes
.toLowerCase();
},
})}
/>
</div>
</div>