From a4e1e6f54ac0b2a63c30c6ef8752c42e72c300b4 Mon Sep 17 00:00:00 2001
From: Shaun <zxy101@Shauns-MacBook-Pro.local>
Date: Thu, 9 Nov 2023 16:05:46 +0900
Subject: [PATCH] Add clearer anki connect instructions

---
 src/lib/components/Settings/AnkiConnectSettings.svelte | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/Settings/AnkiConnectSettings.svelte b/src/lib/components/Settings/AnkiConnectSettings.svelte
index b536cf2..a8c37a4 100644
--- a/src/lib/components/Settings/AnkiConnectSettings.svelte
+++ b/src/lib/components/Settings/AnkiConnectSettings.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import { page } from '$app/stores';
   import { settings, updateAnkiSetting } from '$lib/settings';
   import { AccordionItem, Label, Toggle, Input, Helper } from 'flowbite-svelte';
 
@@ -17,10 +18,13 @@
   <span slot="header">Anki Connect</span>
   <div class="flex flex-col gap-5">
     <Helper
-      >For anki connect integration to work, you must add the reader to your anki connect <code
-        class="text-primary-500">webCorsOriginList</code
+      >For anki connect integration to work, you must add the reader (<code class="text-primary-500">{$page.url.origin}</code>) to your anki connect <b
+        class="text-primary-500">webCorsOriginList</b
       > list</Helper
     >
+    <Helper>
+      To trigger the anki connect integration, double click or right click (long press on mobile) any text box.
+    </Helper>
     <div>
       <Toggle bind:checked={enabled} on:change={() => updateAnkiSetting('enabled', enabled)}
         >AnkiConnect Integration Enabled</Toggle