header add text to get hf token

components/editor/main/request.tsx

@@ -9,6 +9,7 @@ import { ApiRoute, Body } from "@/utils/type";
 import { useUpdateEffect } from "react-use";
 import { Snippet } from "./snippet";
 import { Tabs } from "./tabs";
+import Link from "next/link";
 
 export const Request = ({
   parameters,
@@ -121,15 +122,24 @@ export const Request = ({
             <p className="text-slate-200 uppercase text-xs font-semibold">
               Headers
             </p>
-            <TextInput
-              value={headers?.Authorization}
-              label="Authorization"
-              placeholder="Authorization"
-              onlyAlphaNumeric={false}
-              onChange={(Authorization) =>
-                setHeaders({ ...headers, Authorization })
-              }
-            />
+            <div className="w-full">
+              <TextInput
+                value={headers?.Authorization}
+                label="Authorization"
+                placeholder="hf_token"
+                onlyAlphaNumeric={false}
+                onChange={(Authorization) =>
+                  setHeaders({ ...headers, Authorization })
+                }
+              />
+              <Link
+                href="https://huggingface.co/settings/tokens"
+                target="_blank"
+                className="text-blue-500 hover:text-blue-600 text-xs mt-3 block"
+              >
+                Get my Hugging Face token
+              </Link>
+            </div>
           </div>
         )}
         {tab === "snippet" && (