Add Tencent trade link.

Author: huacnlee

frontend/src/lib/components/SearchResult.svelte

@@ -10,20 +10,27 @@
 </script>
 
 <div
-  class="my-2 border-white/50 border p-2 flex flex-col cursor-pointer"
+  class="my-2 border-gray-800 border p-4 flex flex-col"
   on:click={() =>
     highlight(
       set.seed,
       set.skills.map((s) => s.passive)
     )}>
   <div class="flex flex-row justify-between">
     <!-- Padding -->
-    <button class="px-3 invisible">Trade</button>
-    <div class="font-bold text-orange-500 text-center">
+    <div class="font-bold text-orange-500">
       Seed {set.seed} (weight {set.weight})
     </div>
-    <button class="px-3 bg-blue-500/40 rounded" on:click={() => openTrade(jewel, conqueror, [set])}
-      >{$_('Trade')}</button>
+
+    <div class="flex gap-1 items-center">
+      <span class="text-gray-500 mr-2">{$_('Trade')}</span>
+      <button
+        class="px-3 text-sm bg-blue-500/40 hover:bg-blue-500/70 rounded cursor-pointer"
+        on:click={() => openTrade(jewel, conqueror, [set])}>Global</button>
+      <button
+        class="px-3 text-sm bg-red-500/40 hover:bg-red-500/70 rounded cursor-pointer"
+        on:click={() => openTrade(jewel, conqueror, [set], 'tencent')}>CN</button>
+    </div>
   </div>
   {#each set.skills as skill}
     <div class="mt-2">

frontend/src/lib/skill_tree.ts

@@ -467,8 +467,19 @@ export const constructQuery = (jewel: number, conqueror: string, result: SearchW
   };
 };
 
-export const openTrade = (jewel: number, conqueror: string, results: SearchWithSeed[]) => {
-  const url = new URL('https://www.pathofexile.com/trade/search/Affliction');
+export const openTrade = (
+  jewel: number,
+  conqueror: string,
+  results: SearchWithSeed[],
+  region: 'global' | 'tencent' = 'global'
+) => {
+  let urlStr = 'https://www.pathofexile.com/trade/search/Affliction';
+
+  if (region === 'tencent') {
+    urlStr = 'https://poe.game.qq.com/trade/search/Affliction';
+  }
+
+  const url = new URL(urlStr);
   url.searchParams.set('q', JSON.stringify(constructQuery(jewel, conqueror, results)));
   window.open(url, '_blank');
 };

frontend/src/routes/tree/+page.svelte

@@ -459,11 +459,17 @@
             <div class="flex flex-row">
               {#if results}
                 <button
-                  class="p-1 px-3 bg-blue-500/40 rounded disabled:bg-blue-900/40 mr-2"
+                  class="p-1 px-3 bg-blue-500/40 bg-blue-500/70 rounded disabled:bg-blue-900/40 mr-2"
                   on:click={() => openTrade(searchJewel, searchConqueror, searchResults.raw)}
                   disabled={!searchResults}>
                   {$_('Trade')}
                 </button>
+                <button
+                  class="p-1 px-3 bg-red-500/40 hover:bg-red-500/70 rounded disabled:bg-red-900/40 mr-2"
+                  on:click={() => openTrade(searchJewel, searchConqueror, searchResults.raw, 'tencent')}
+                  disabled={!searchResults}>
+                  {$_('Trade')} CN
+                </button>
                 <button
                   class="p-1 px-3 bg-blue-500/40 rounded disabled:bg-blue-900/40 mr-2"
                   class:grouped={groupResults}