Repository: supabase/supabase
File: apps/studio/components/interfaces/Auth/SmtpForm/SmtpForm.tsx (TypeScript)

Code before:
                                  placeholder={
                                    authConfig?.SMTP_PASS === null ? 'SMTP Password' : '••••••••'
                                  }
                                  disabled={!canUpdateConfig}
                                />
                              </PrePostTab>
                            </FormControl_Shadcn_>
                          </FormItemLayout>
                        )}
                      />
                    </div>
                  </div>
                </CardContent>
              </>
            )}

            <CardFooter
              className={cn(form.formState.isDirty ? 'justify-between' : 'justify-end', 'gap-x-2')}
            >
              {form.formState.isDirty && (
                <p className="text-sm text-foreground-light">
                  {enableSmtp ? (
                    <>
                      Rate limit for sending emails will be increased to 30 and can be adjusted{' '}
                      <InlineLink href={`/project/${projectRef}/auth/rate-limits`}>here</InlineLink>{' '}
                      after enabling custom SMTP
                    </>
                  ) : (
                    'Rate limit for sending emails will be reduced to 2 after disabling custom SMTP'
                  )}
                </p>
              )}
              <div className="flex items-center gap-x-2">
                {form.formState.isDirty && (
                  <Button
                    type="default"
                    onClick={() => {
                      form.reset()
                      setEnableSmtp(isSmtpEnabled(authConfig))
                    }}
                  >
                    Cancel
                  </Button>
                )}
                <Button
                  type="primary"
                  htmlType="submit"
                  loading={isUpdatingConfig}
                  disabled={!canUpdateConfig || !form.formState.isDirty}
                >
                  Save changes

Review comment (security):
Minor copy suggestion @joshenlim:

```
Rate limit for sending emails will be increased to 30 and <InlineLink href=`/project/${projectRef}/auth/rate-limits`}>can be adjusted</InlineLink>{' '}after enabling custom SMTP
```

Just to avoid a redundant “here”

Code after:
                                  placeholder={
                                    authConfig?.SMTP_PASS === null ? 'SMTP Password' : '••••••••'
                                  }
                                  disabled={!canUpdateConfig}
                                />
                              </PrePostTab>
                            </FormControl_Shadcn_>
                          </FormItemLayout>
                        )}
                      />
                    </div>
                  </div>
                </CardContent>
              </>
            )}

            <CardFooter
              className={cn(form.formState.isDirty ? 'justify-between' : 'justify-end', 'gap-x-2')}
            >
              {form.formState.isDirty && (
                <p className="text-sm text-foreground-light">
                  {enableSmtp ? (
                    <>
                      Rate limit for sending emails will be increased to 30 and{' '}
                      <InlineLink href={`/project/${projectRef}/auth/rate-limits`}>
                        can be adjusted
                      </InlineLink>{' '}
                      after enabling custom SMTP
                    </>
                  ) : (
                    'Rate limit for sending emails will be reduced to 2 after disabling custom SMTP'
                  )}
                </p>
              )}
              <div className="flex items-center gap-x-2">
                {form.formState.isDirty && (
                  <Button
                    type="default"
                    onClick={() => {
                      form.reset()
                      setEnableSmtp(isSmtpEnabled(authConfig))
                    }}
                  >
                    Cancel
                  </Button>
                )}
                <Button
                  type="primary"
                  htmlType="submit"
                  loading={isUpdatingConfig}
                  disabled={!canUpdateConfig || !form.formState.isDirty}