Add cancel-wiki-edit-button feature (refined-github#4467)

kidonng · web-flow · commit e281b6bc143f · 2021-06-20T15:05:59.000+07:00
diff --git a/.github/workflows/features.yml b/.github/workflows/features.yml
@@ -21,17 +21,17 @@ jobs:
         id: name
         uses: AsasInnab/regex-action@v1
         with:
-          regex_pattern: '(?<=Add `)\w+(?=` feature)'
+          regex_pattern: '(?<=Add `)[a-z-]+(?=` feature)'
           regex_flags: g
           search_string: ${{ github.event.pull_request.title }}
 
-      - name: Has ${{ steps.name.outputs.first_match }}.tsx been created?
+      - name: Has `${{ steps.name.outputs.first_match }}.tsx` been created?
         uses: mudlabs/simple-diff@v1.2.0
         with:
           path: source/features/${{ steps.name.outputs.first_match }}.tsx
 
-      - name: Has `${{ steps.name.outputs.first_match }}` been imported
+      - name: Has `${{ steps.name.outputs.first_match }}` been imported?
         run: grep "import './features/${{ steps.name.outputs.first_match }}';" source/refined-github.ts -q
 
-      - name: Has `${{ steps.name.outputs.first_match }}` been documented
+      - name: Has `${{ steps.name.outputs.first_match }}` been documented?
         run: grep '"${{ steps.name.outputs.first_match }}"' readme.md -q
diff --git a/readme.md b/readme.md
@@ -383,6 +383,7 @@ Thanks for contributing! 🦋🙌
 - [](# "linkify-full-profile-readme-title") [Linkifies the readme text on profile pages.](https://user-images.githubusercontent.com/16872793/90910173-ebe4bf00-e3a4-11ea-8fc5-aea3d1a2e5e5.png)
 - [](# "convert-pr-to-draft-improvements") [Moves the "Convert PR to Draft" button to the mergeability box and adds visual feedback to its confirm button.](https://user-images.githubusercontent.com/1402241/95644892-885f3f80-0a7f-11eb-8428-8e0fb0c8dfa5.gif)
 - [](# "clean-header-search-field") [Clears duplicate queries in the header search field.](https://user-images.githubusercontent.com/1402241/114177338-7c890300-9966-11eb-83a3-a711a76fae99.png)
+- [](# "cancel-wiki-edit-button") [Adds a cancel button when editing wiki pages.](https://user-images.githubusercontent.com/44045911/122222158-93a71c80-cee4-11eb-9a43-98457cac93df.png)
 
 <!-- Refer to style guide above. Keep this message between sections. -->
 
diff --git a/source/features/cancel-wiki-edit-button.tsx b/source/features/cancel-wiki-edit-button.tsx
@@ -0,0 +1,26 @@
+import React from 'dom-chef';
+import elementReady from 'element-ready';
+import * as pageDetect from 'github-url-detection';
+
+import features from '.';
+
+async function init(): Promise<void> {
+	const submitButton = await elementReady('button#gollum-editor-submit');
+	submitButton!.before(
+		<a
+			className="flex-auto btn btn-danger float-left text-center mr-1"
+			href={submitButton!.form!.action}
+		>
+			Cancel
+		</a>
+	);
+}
+
+void features.add(__filebasename, {
+	include: [
+		pageDetect.isEditingWikiPage,
+		pageDetect.isNewWikiPage
+	],
+	awaitDomReady: false,
+	init
+});
diff --git a/source/refined-github.ts b/source/refined-github.ts
@@ -219,6 +219,7 @@ import './features/avoid-accidental-submissions';
 import './features/delete-review-comments-faster';
 import './features/no-useless-split-diff-view';
 import './features/list-pr-for-branch';
+import './features/cancel-wiki-edit-button';
 
 // Add global for easier debugging
 (window as any).select = select;
