victor HF staff nsarrazin HF staff commited on
Commit
9574269
1 Parent(s): 5e2108d

assistants: add hint (#767)

Browse files

* add hint

* Update src/routes/assistants/+page.svelte

Co-authored-by: Nathan Sarrazin <sarrazin.nathan@gmail.com>

---------

Co-authored-by: Nathan Sarrazin <sarrazin.nathan@gmail.com>

Files changed (1) hide show
  1. src/routes/assistants/+page.svelte +14 -4
src/routes/assistants/+page.svelte CHANGED
@@ -9,6 +9,7 @@
9
  import { page } from "$app/stores";
10
 
11
  import CarbonAdd from "~icons/carbon/add";
 
12
 
13
  export let data: PageData;
14
 
@@ -47,11 +48,20 @@
47
  <div class="pt-42 mx-auto flex flex-col px-5 xl:w-[60rem] 2xl:w-[64rem]">
48
  <div class="flex items-center">
49
  <h1 class="text-2xl font-bold">Assistants</h1>
50
- <div class="5 ml-1.5 rounded-lg text-xxs uppercase text-gray-500 dark:text-gray-500">
51
- beta
52
- </div>
 
 
 
 
 
 
 
 
 
53
  </div>
54
- <h3 class="text-gray-500">Browse popular assistants made by the community</h3>
55
  <div class="mt-6 flex justify-between gap-2 max-sm:flex-col sm:items-center">
56
  <select
57
  class="mt-1 h-[34px] rounded-lg border border-gray-300 bg-gray-50 px-2 text-sm text-gray-900 focus:border-blue-700 focus:ring-blue-700 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400"
 
9
  import { page } from "$app/stores";
10
 
11
  import CarbonAdd from "~icons/carbon/add";
12
+ import CarbonHelpFilled from "~icons/carbon/help-filled";
13
 
14
  export let data: PageData;
15
 
 
48
  <div class="pt-42 mx-auto flex flex-col px-5 xl:w-[60rem] 2xl:w-[64rem]">
49
  <div class="flex items-center">
50
  <h1 class="text-2xl font-bold">Assistants</h1>
51
+ {#if isHuggingChat}
52
+ <div class="5 ml-1.5 rounded-lg text-xxs uppercase text-gray-500 dark:text-gray-500">
53
+ beta
54
+ </div>
55
+ <a
56
+ href="https://huggingface.co/spaces/huggingchat/chat-ui/discussions/357"
57
+ class="ml-auto dark:text-gray-400 dark:hover:text-gray-300"
58
+ target="_blank"
59
+ >
60
+ <CarbonHelpFilled />
61
+ </a>
62
+ {/if}
63
  </div>
64
+ <h3 class="text-gray-500">Popular assistants made by the community</h3>
65
  <div class="mt-6 flex justify-between gap-2 max-sm:flex-col sm:items-center">
66
  <select
67
  class="mt-1 h-[34px] rounded-lg border border-gray-300 bg-gray-50 px-2 text-sm text-gray-900 focus:border-blue-700 focus:ring-blue-700 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400"