source/options/components/page-main.ts

@@ -1,8 +1,4 @@
-import {
+import {ConfirmButton, FeedbackButton} from '@holllo/preact-components';
-  ConfirmButton,
-  FeedbackButton,
-  PrivacyLink,
-} from '@holllo/preact-components';
 import {html} from 'htm/preact';
 import {Component} from 'preact';
 import browser from 'webextension-polyfill';
@@ -193,18 +189,6 @@ export class PageMain extends Component<Props, State> {
         ? undefined
         : html`<p class="validate-error">${editorError}</p>`;
 
-    const testLinkAttributes: Record<string, any> = {
-      class: 'button',
-    };
-    if (this.state.editorBang.searchUrl.includes('{{bang}}')) {
-      testLinkAttributes.href = this.state.editorBang.searchUrl.replace(
-        /{{bang}}/g,
-        'test',
-      );
-    } else {
-      testLinkAttributes.disabled = true;
-    }
-
     return html`
       <main class="page-main">
         <details open class="bang-editor">
@@ -214,7 +198,6 @@ export class PageMain extends Component<Props, State> {
             ${editorInputs}
 
             <div class="button-group">
-              <${PrivacyLink} attributes=${testLinkAttributes}>Test<//>
               <${FeedbackButton}
                 attributes=${{class: 'button'}}
                 click=${this.saveBang}
@@ -283,20 +266,6 @@ export class PageMain extends Component<Props, State> {
               button.
             </li>
           </ul>
-
-          <p>Using Bangs:</p>
-          <ul>
-            <li>
-              Once you have a Bang with a valid Search Link, the "Test" button
-              will be enabled. Clicking on that will take you to your Search
-              Link with "test" as the search query.
-            </li>
-            <li>On the DuckDuckGo website, use your custom Bangs directly.</li>
-            <li>
-              With DuckDuckGo set as your browser's default search engine, use
-              your custom Bangs in the address bar.
-            </li>
-          </ul>
         </details>
       </main>
     `;

source/options/scss/components/page-main.scss

@@ -50,8 +50,6 @@
     cursor: pointer;
     font-weight: bold;
     padding: 8px;
-    text-align: center;
-    text-decoration: none;
     width: 100%;
 
     &.destructive {
@@ -59,12 +57,7 @@
       border-color: var(--da-1);
     }
 
-    &[disabled] {
+    &:hover {
-      cursor: not-allowed;
-      filter: grayscale(1);
-    }
-
-    &:not([disabled]):hover {
       background-color: var(--df-2);
       border-color: var(--df-2);
     }