Switch the Lock tab (#132)

* Switch the Lock tab

* Fix the tag position

Author: Noah Hanjun Lee

ui/src/components/DeployForm.tsx

@@ -130,9 +130,11 @@ export default function DeployForm(props: DeployFormProps): JSX.Element {
             null
 
         return {
-            label: <span>
-                <Text className="gitploy-code" code>{branch.name}</Text>{tag}
-            </span>,
+            label: (
+                <span>
+                    <Text className="gitploy-code" code>{branch.name}</Text>{tag}
+                </span>
+            ),
             value: branch.name
         } as Option
     }
@@ -164,7 +166,11 @@ export default function DeployForm(props: DeployFormProps): JSX.Element {
             null
 
         return {
-            label: <Text className="gitploy-code" code>{tag.name} {deploymentTag}</Text>,
+            label: (
+                <span>
+                    <Text className="gitploy-code" code>{tag.name}</Text>{deploymentTag}
+                </span>
+            ),
             value: tag.name
         } as Option
     }

ui/src/views/Repo.tsx

@@ -84,15 +84,15 @@ export default function Repo(): JSX.Element {
                     <Menu.Item key="home">
                         <a href={`/${namespace}/${name}`}>Home</a>
                     </Menu.Item>
-                    <Menu.Item key="lock">
-                        <a href={`/${namespace}/${name}/lock`}>Lock</a>
-                    </Menu.Item>
                     <Menu.Item key="deploy">
                         <a href={`/${namespace}/${name}/deploy`}>Deploy</a>
                     </Menu.Item>
                     <Menu.Item key="rollback">
                         <a href={`/${namespace}/${name}/rollback`}>Rollback</a>
                     </Menu.Item>
+                    <Menu.Item key="lock">
+                        <a href={`/${namespace}/${name}/lock`}>Lock</a>
+                    </Menu.Item>
                     <Menu.Item key="settings">
                         <a href={`/${namespace}/${name}/settings`}>Settings</a>
                     </Menu.Item>
@@ -105,15 +105,15 @@ export default function Repo(): JSX.Element {
                 <div>
                     {(!tab || tab === "home") ? <RepoHome /> : null}
                 </div>
-                <div>
-                    {(tab === "lock")? <RepoLock /> : null}
-                </div> 
                 <div>
                     {(tab === "deploy") ? <RepoDeploy /> : null}
                 </div> 
                 <div>
                     {(tab === "rollback")? <RepoRollabck /> : null}
                 </div> 
+                <div>
+                    {(tab === "lock")? <RepoLock /> : null}
+                </div> 
                 <div>
                     {(tab === "settings")? <RepoSettings /> : null}
                 </div>