fix(app/templates): show default url in settings [EE-6393] (#10706)

app/react/portainer/settings/SettingsView/ApplicationSettingsPanel/TemplatesUrlSection.tsx

@@ -4,30 +4,40 @@ import { FormControl } from '@@/form-components/FormControl';
 import { FormSection } from '@@/form-components/FormSection';
 import { Input } from '@@/form-components/Input';
 
+// this value is taken from https://github.com/portainer/portainer/blob/develop/api/portainer.go#L1628
+const DEFAULT_URL =
+  'https://raw.githubusercontent.com/portainer/templates/v3/templates.json';
+
 export function TemplatesUrlSection() {
   const [{ name }, { error }] = useField<string>('templatesUrl');
+
   return (
     <FormSection title="App Templates">
       <div className="form-group">
-        <span className="col-sm-12 text-muted small">
+        <div className="col-sm-12 text-muted small">
-          You can specify the URL to your own template definitions file here.
+          <p>
-          See{' '}
+            You can specify the URL to your own template definitions file here.
-          <a
+            See{' '}
-            href="https://docs.portainer.io/advanced/app-templates/build"
+            <a
-            target="_blank"
+              href="https://docs.portainer.io/advanced/app-templates/build"
-            rel="noreferrer"
+              target="_blank"
-          >
+              rel="noreferrer"
-            Portainer documentation
+            >
-          </a>{' '}
+              Portainer documentation
-          for more details.
+            </a>{' '}
-        </span>
+            for more details.
+          </p>
+          <p>
+            The default value is <a href={DEFAULT_URL}>{DEFAULT_URL}</a>
+          </p>
+        </div>
       </div>
 
       <FormControl label="URL" inputId="templates_url" errors={error}>
         <Field
           as={Input}
           id="templates_url"
-          placeholder="https://myserver.mydomain/templates.json"
+          placeholder={DEFAULT_URL}
           data-cy="settings-templateUrl"
           name={name}
         />