Add the link to redirect in UI

Author: noah

ui/src/components/RepoSettingsForm.tsx

@@ -1,4 +1,4 @@
-import { Form, Input, Button, Space } from "antd"
+import { Form, Input, Button, Space, Typography } from "antd"
 import { Repo } from "../models"
 
 export interface RepoSettingsFormProps {
@@ -37,10 +37,20 @@ export default function RepoSettingForm(props: RepoSettingsFormProps): JSX.Eleme
         >
             <Form.Item
                 label="Config"
-                name="config"
-                rules={[{required: true}]}
-                {...layout}>
-                <Input />
+                {...layout}
+            >
+                <Space>
+                    <Form.Item
+                        name="config"
+                        rules={[{required: true}]}
+                        noStyle
+                    >
+                        <Input />
+                    </Form.Item>
+                    <Typography.Link target="_blank" href={`/link/${props.repo.namespace}/${props.repo.name}/config`}>
+                        Link
+                    </Typography.Link>
+                </Space>
             </Form.Item>
             <Form.Item {...submitLayout}>
                 <Form.Item noStyle>

ui/src/views/RepoDeploy.tsx

@@ -114,11 +114,14 @@ export default function RepoDeploy(): JSX.Element {
             <Result
                 status="warning"
                 title="There is no configuration file."
-                extra={
-                    <Button type="primary" key="console" href="https://docs.gitploy.io/concepts/deploy.yml">
+                extra={[
+                    <Button type="primary" key="console" target="_blank" href="https://docs.gitploy.io/concepts/deploy.yml">
                       Read Document
+                    </Button>,
+                    <Button type="link" key="link" target="_blank" href={`/link/${namespace}/${name}/config/new`}>
+                      New Configuration
                     </Button>
-                }
+                ]}
             />
         )
     }

ui/src/views/RepoLock.tsx

@@ -38,11 +38,14 @@ export default function RepoLock(): JSX.Element {
             <Result
                 status="warning"
                 title="There is no configuration file."
-                extra={
-                    <Button type="primary" key="console" href="https://docs.gitploy.io/concepts/deploy.yml">
+                extra={[
+                    <Button type="primary" key="console" target="_blank" href="https://docs.gitploy.io/concepts/deploy.yml">
                       Read Document
+                    </Button>,
+                    <Button type="link" key="link" target="_blank" href={`/link/${namespace}/${name}/config/new`}>
+                      New Configuration
                     </Button>
-                }
+                ]}
             />
         )
     }

ui/src/views/RepoRollback.tsx

@@ -70,11 +70,14 @@ export default function RepoHome(): JSX.Element {
             <Result
                 status="warning"
                 title="There is no configuration file."
-                extra={
-                    <Button type="primary" key="console" href="https://docs.gitploy.io/concepts/deploy.yml">
+                extra={[
+                    <Button type="primary" key="console" target="_blank" href="https://docs.gitploy.io/concepts/deploy.yml">
                       Read Document
+                    </Button>,
+                    <Button type="link" key="link" target="_blank" href={`/link/${namespace}/${name}/config/new`}>
+                      New Configuration
                     </Button>
-                }
+                ]}
             />
         )
     }