feat: hide user name password for anonymous

Author: arunjaindev

src/components/dockerRegistry/Docker.tsx

@@ -1636,45 +1636,47 @@ const DockerForm = ({
                             handleChangeOtherRegistryAuthType={handleChangeOtherRegistryAuthType}
                         />
                     )}
-                    <div className={`${isGCROrGCP ? '' : 'form__row--two-third'}`}>
-                        <div className="form__row">
-                            <CustomInput
-                                name="username"
-                                required={isUserNamePasswordRequired}
-                                value={customState.username.value || selectedDockerRegistryType.id.defaultValue}
-                                error={customState.username.error}
-                                onChange={customHandleChange}
-                                label={selectedDockerRegistryType.id.label}
-                                disabled={!!selectedDockerRegistryType.id.defaultValue}
-                                placeholder={
-                                    selectedDockerRegistryType.id.placeholder
-                                        ? selectedDockerRegistryType.id.placeholder
-                                        : 'Enter username'
-                                }
-                            />
-                        </div>
-                        <div className="form__row">
-                            {(selectedDockerRegistryType.value === RegistryType.DOCKER_HUB ||
-                                selectedDockerRegistryType.value === RegistryType.ACR ||
-                                selectedDockerRegistryType.value === RegistryType.QUAY ||
-                                selectedDockerRegistryType.value === RegistryType.OTHER) && (
-                                <PasswordField
-                                    shouldShowDefaultPlaceholderOnBlur={!!id}
-                                    name="password"
-                                    required={isUserNamePasswordRequired}
-                                    value={customState.password.value}
-                                    error={customState.password.error}
+                    {isUserNamePasswordRequired && (
+                        <div className={`${isGCROrGCP ? '' : 'form__row--two-third'}`}>
+                            <div className="form__row">
+                                <CustomInput
+                                    name="username"
+                                    required
+                                    value={customState.username.value || selectedDockerRegistryType.id.defaultValue}
+                                    error={customState.username.error}
                                     onChange={customHandleChange}
-                                    label={selectedDockerRegistryType.password.label}
+                                    label={selectedDockerRegistryType.id.label}
+                                    disabled={!!selectedDockerRegistryType.id.defaultValue}
                                     placeholder={
-                                        selectedDockerRegistryType.password.placeholder
-                                            ? selectedDockerRegistryType.password.placeholder
-                                            : 'Enter password/token'
+                                        selectedDockerRegistryType.id.placeholder
+                                            ? selectedDockerRegistryType.id.placeholder
+                                            : 'Enter username'
                                     }
                                 />
-                            )}
+                            </div>
+                            <div className="form__row">
+                                {(selectedDockerRegistryType.value === RegistryType.DOCKER_HUB ||
+                                    selectedDockerRegistryType.value === RegistryType.ACR ||
+                                    selectedDockerRegistryType.value === RegistryType.QUAY ||
+                                    selectedDockerRegistryType.value === RegistryType.OTHER) && (
+                                    <PasswordField
+                                        shouldShowDefaultPlaceholderOnBlur={!!id}
+                                        name="password"
+                                        required
+                                        value={customState.password.value}
+                                        error={customState.password.error}
+                                        onChange={customHandleChange}
+                                        label={selectedDockerRegistryType.password.label}
+                                        placeholder={
+                                            selectedDockerRegistryType.password.placeholder
+                                                ? selectedDockerRegistryType.password.placeholder
+                                                : 'Enter password/token'
+                                        }
+                                    />
+                                )}
+                            </div>
                         </div>
-                    </div>
+                    )}
                     {isGCROrGCP && (
                         <Textarea
                             label={selectedDockerRegistryType.password.label}