import React from "react"; import { observer } from "mobx-react-lite"; import { Controller, useForm } from "react-hook-form"; import { IWorkspace, TOnboardingSteps } from "@plane/types"; // hooks import { Invitations, OnboardingSidebar, OnboardingStepIndicator, Workspace } from "@/components/onboarding"; import { useUser } from "@/hooks/store"; // components // types type Props = { finishOnboarding: () => Promise; stepChange: (steps: Partial) => Promise; setTryDiffAccount: () => void; }; export const JoinWorkspaces: React.FC = observer((props) => { const { stepChange, setTryDiffAccount } = props; // store hooks const { currentUser } = useUser(); // form info const { handleSubmit, control, setValue, watch, formState: { errors, isSubmitting }, } = useForm({ defaultValues: { name: "", slug: "", }, mode: "onChange", }); const handleNextStep = async () => { if (!currentUser) return; await stepChange({ workspace_join: true, workspace_create: true }); }; return (
( 0 ? value : "New Workspace"} /> )} />

What will your workspace be?


Or


); });