chore: dont show private checkbox and allow list if creating solo team

apps/trading/client-pages/competitions/competitions-create-team.tsx

@@ -31,7 +31,7 @@ export const CompetitionsCreateTeam = () => {
         <div className="mx-auto md:w-2/3 max-w-xl">
           <Box className="flex flex-col gap-4">
             <h1 className="calt text-2xl lg:text-3xl xl:text-4xl">
-              {t('Create a team')}
+              {isSolo ? t('Create solo team') : t('Create a team')}
             </h1>
             {pubKey && !isReadOnly ? (
               <CreateTeamFormContainer isSolo={isSolo} />

apps/trading/client-pages/competitions/competitions-team.tsx

@@ -100,8 +100,10 @@ const TeamPage = ({
           >
             {team.name}
           </h1>
-          <JoinTeam team={team} partyTeam={partyTeam} refetch={refetch} />
-          <UpdateTeamButton team={team} />
+          <div className="flex gap-2">
+            <JoinTeam team={team} partyTeam={partyTeam} refetch={refetch} />
+            <UpdateTeamButton team={team} />
+          </div>
         </div>
       </header>
       <TeamStats stats={stats} members={members} games={games} />

apps/trading/client-pages/competitions/team-form.tsx

@@ -97,6 +97,7 @@ export const TeamForm = ({
   } = useForm<FormFields>({
     defaultValues: {
       private: isSolo,
+      allowList: '',
       ...defaultValues,
     },
   });
@@ -160,59 +161,67 @@ export const TeamForm = ({
           </TradingInputError>
         )}
       </TradingFormGroup>
-      <TradingFormGroup
-        label={t('Make team private')}
-        labelFor="private"
-        hideLabel={true}
-      >
-        <Controller
-          name="private"
-          control={control}
-          render={({ field }) => {
-            return (
-              <TradingCheckbox
-                label={t('Make team private')}
-                checked={field.value}
-                onCheckedChange={(value) => {
-                  field.onChange(value);
-                }}
-                disabled={isSolo}
+      {!isSolo && (
+        <>
+          <TradingFormGroup
+            label={t('Make team private')}
+            labelFor="private"
+            hideLabel={true}
+          >
+            <Controller
+              name="private"
+              control={control}
+              render={({ field }) => {
+                return (
+                  <TradingCheckbox
+                    label={t('Make team private')}
+                    checked={field.value}
+                    onCheckedChange={(value) => {
+                      field.onChange(value);
+                    }}
+                    disabled={isSolo}
+                  />
+                );
+              }}
+            />
+          </TradingFormGroup>
+          {isPrivate && (
+            <TradingFormGroup
+              label={t('Public key allow list')}
+              labelFor="allowList"
+              labelDescription={t(
+                'Use a comma separated list to allow only specific public keys to join the team'
+              )}
+            >
+              <TextArea
+                {...register('allowList', {
+                  required: t('Required'),
+                  disabled: isSolo,
+                  validate: {
+                    allowList: (value) => {
+                      const publicKeys = parseAllowListText(value);
+                      if (publicKeys.every((pk) => isValidVegaPublicKey(pk))) {
+                        return true;
+                      }
+                      return t('Invalid public key found in allow list');
+                    },
+                  },
+                })}
               />
-            );
-          }}
-        />
-      </TradingFormGroup>
-      {isPrivate && (
-        <TradingFormGroup
-          label={t('Public key allow list')}
-          labelFor="allowList"
-          labelDescription={t(
-            'Use a comma separated list to allow only specific public keys to join the team'
+              {errors.allowList?.message && (
+                <TradingInputError forInput="avatarUrl">
+                  {errors.allowList.message}
+                </TradingInputError>
+              )}
+            </TradingFormGroup>
           )}
-        >
-          <TextArea
-            {...register('allowList', {
-              required: t('Required'),
-              disabled: isSolo,
-              validate: {
-                allowList: (value) => {
-                  const publicKeys = parseAllowListText(value);
-                  if (publicKeys.every((pk) => isValidVegaPublicKey(pk))) {
-                    return true;
-                  }
-                  return t('Invalid public key found in allow list');
-                },
-              },
-            })}
-          />
-          {errors.allowList?.message && (
-            <TradingInputError forInput="avatarUrl">
-              {errors.allowList.message}
-            </TradingInputError>
-          )}
-        </TradingFormGroup>
+        </>
+      )}
+      {err && (
+        <p className="text-danger text-xs mb-4 first-letter:capitalize">
+          {err}
+        </p>
       )}
-      {err && <p className="text-danger text-xs mb-4 capitalize">{err}</p>}
       <SubmitButton type={type} status={status} />
     </form>
   );

apps/trading/client-pages/competitions/update-team-button.tsx

@@ -2,8 +2,10 @@ import { useVegaWallet } from '@vegaprotocol/wallet';
 import { type Team } from '../../lib/hooks/use-team';
 import { Intent, TradingAnchorButton } from '@vegaprotocol/ui-toolkit';
 import { Links } from '../../lib/links';
+import { useT } from '../../lib/use-t';
 
 export const UpdateTeamButton = ({ team }: { team: Team }) => {
+  const t = useT();
   const { pubKey, isReadOnly } = useVegaWallet();
 
   if (pubKey && !isReadOnly && pubKey === team.referrer) {
@@ -12,7 +14,9 @@ export const UpdateTeamButton = ({ team }: { team: Team }) => {
         data-testid="update-team-button"
         href={Links.COMPETITIONS_UPDATE_TEAM(team.teamId)}
         intent={Intent.Info}
-      />
+      >
+        {t('Update team')}
+      </TradingAnchorButton>
     );
   }
 

libs/i18n/src/locales/en/trading.json

@@ -63,6 +63,7 @@
   "Create": "Create",
   "Create a team": "Create a team",
   "Create a simple referral code to enjoy the referrer commission outlined in the current referral program": "Create a simple referral code to enjoy the referrer commission outlined in the current referral program",
+  "Create solo team": "Create solo team",
   "Make your referral code a Team to compete in Competitions with your friends, appear in leaderboards on the <0>Competitions Homepage</0>, and earn rewards": "Make your referral code a Team to compete in Competitions with your friends, appear in leaderboards on the <0>Competitions Homepage</0>, and earn rewards",
   "Current tier": "Current tier",
   "DISCLAIMER_P1": "Vega is a decentralised peer-to-peer protocol that can be used to trade derivatives with cryptoassets. The Vega Protocol is an implementation layer (layer one) protocol made of free, public, open-source or source-available software. Use of the Vega Protocol involves various risks, including but not limited to, losses while digital assets are supplied to the Vega Protocol and losses due to the fluctuation of prices of assets.",
@@ -363,6 +364,7 @@
   "Type": "Type",
   "Unknown": "Unknown",
   "Unknown settlement date": "Unknown settlement date",
+  "Update team":, "Update team",
   "URL": "URL",
   "Use a comma separated list to allow only specific public keys to join the team": "Use a comma separated list to allow only specific public keys to join the team",
   "Vega chart": "Vega chart",