From fbeee1917c63827914600be51ac242b87f357f73 Mon Sep 17 00:00:00 2001
From: josc146 <josStorer@outlook.com>
Date: Sat, 6 May 2023 21:32:14 +0800
Subject: [PATCH] update

---
 frontend/src/Pages/Configs.tsx                  | 2 +-
 frontend/src/Pages/Home.tsx                     | 2 +-
 frontend/src/Pages/components/ToolTipButton.tsx | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/Pages/Configs.tsx b/frontend/src/Pages/Configs.tsx
index b696836..b69fcf6 100644
--- a/frontend/src/Pages/Configs.tsx
+++ b/frontend/src/Pages/Configs.tsx
@@ -56,7 +56,7 @@ export const Configs: FC = () => {
                   <ToolTipButton desc="Manage Models" icon={<DataUsageSettings20Regular/>}/>
                 </div>
               }/>
-              <div/>
+              <ToolTipButton text="Convert" desc="Convert model with these configs"/>
               <Labeled label="Device" content={
                 <Dropdown style={{minWidth: 0}} className="grow">
                   <Option>CPU</Option>
diff --git a/frontend/src/Pages/Home.tsx b/frontend/src/Pages/Home.tsx
index 1b85662..c714711 100644
--- a/frontend/src/Pages/Home.tsx
+++ b/frontend/src/Pages/Home.tsx
@@ -58,7 +58,7 @@ export const Home: FC = () => {
       <img className="rounded-xl select-none hidden sm:block" src={Banner}/>
       <div className="flex flex-col gap-2">
         <Text size={600} weight="medium">Introduction</Text>
-        <div className="h-40 overflow-y-auto">
+        <div className="h-40 overflow-y-auto p-1">
           RWKV is an RNN with Transformer-level LLM performance, which can also be directly trained like a GPT
           transformer (parallelizable). And it's 100% attention-free. You only need the hidden state at position t to
           compute the state at position t+1. You can use the "GPT" mode to quickly compute the hidden state for the
diff --git a/frontend/src/Pages/components/ToolTipButton.tsx b/frontend/src/Pages/components/ToolTipButton.tsx
index b977e06..be5a98d 100644
--- a/frontend/src/Pages/components/ToolTipButton.tsx
+++ b/frontend/src/Pages/components/ToolTipButton.tsx
@@ -1,10 +1,10 @@
 import React, {FC, ReactElement} from 'react';
 import {Button, Tooltip} from '@fluentui/react-components';
 
-export const ToolTipButton: FC<{ desc: string, icon: ReactElement }> = ({desc, icon}) => {
+export const ToolTipButton: FC<{ text?: string, desc: string, icon?: ReactElement }> = ({text, desc, icon}) => {
   return (
     <Tooltip content={desc} showDelay={0} hideDelay={0} relationship="label">
-      <Button icon={icon}/>
+      <Button icon={icon}>{text}</Button>
     </Tooltip>
   );
 };