add templates to repo settings (#385)

* add templates to repo settings

* change yml to yaml

package.json

@@ -19,6 +19,7 @@
   "dependencies": {
     "@emotion/core": "^10.1.1",
     "@emotion/styled": "^10.0.27",
+    "@monaco-editor/react": "^4.2.2",
     "@projectstorm/react-diagrams": "^6.0.1-beta.7",
     "ansi_up": "^4.0.4",
     "axios": "^0.21.0",
@@ -56,7 +57,7 @@
     "husky": "^4.3.5",
     "lint-staged": "^10.5.3",
     "node-sass": "^4.14.1",
-    "react-scripts": "^4.0.1",
+    "react-scripts": "^4.0.3",
     "stylelint": "^13.8.0",
     "stylelint-config-css-modules": "^2.2.0",
     "stylelint-config-recess-order": "^2.3.0",

src/hooks/swr/index.js

@@ -8,6 +8,7 @@ import useCrons from './use-crons';
 import useDeployments from './use-deployments';
 import useOrgSecrets from './use-org-secrets';
 import useSecrets from './use-secrets';
+import useTemplates from './use-templates';
 import { useUserList } from './user';
 import { useViewer, useViewerToken, useSyncAccount } from './viewer';
 
@@ -29,4 +30,5 @@ export {
   useStreamBuildEvents,
   useStreamLogs,
   useUserList,
+  useTemplates,
 };

src/hooks/swr/use-templates.js

@@ -0,0 +1,3 @@
+import useSWRBase from './use-swr-base';
+
+export default ({ namespace }) => useSWRBase(`/api/templates/${namespace}`);

src/pages/settings/settings.jsx

@@ -20,6 +20,7 @@ import Cron from './cron';
 import General from './general';
 import { Secrets, OrgSecrets } from './secrets';
 import styles from './settings.module.scss';
+import Templates from './templates';
 
 const cx = classNames.bind(styles);
 
@@ -128,6 +129,14 @@ export default function Settings({ user, repo }) {
               >
                 Secrets
               </NavLink>
+              <NavLink
+                className={cx('settings-nav-item')}
+                activeClassName={cx('settings-nav-item-active')}
+                to={`/${namespace}/${name}/settings/templates`}
+                exact
+              >
+                Templates
+              </NavLink>
             </nav>
           </aside>
           <Switch>
@@ -140,6 +149,8 @@ export default function Settings({ user, repo }) {
             <Route path="/:namespace/:name/settings/cron" component={Cron} />
             <Route path="/:namespace/:name/settings/badges" component={Badges} />
             <Route path="/:namespace/:name/settings/org-secrets" component={OrgSecrets} />
+            <Route path="/:namespace/:name/settings/templates" component={Templates} />
+
           </Switch>
         </section>
       ) : (

src/pages/settings/templates/index.js

@@ -0,0 +1 @@
+export { default } from './templates';