modify UI labels

grey-box · Nov 24, 2024 · b02e369 · b02e369
1 parent 2c18b0d
commit b02e369
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/ui/src/components/TranslationSection.tsx b/ui/src/components/TranslationSection.tsx
@@ -193,7 +193,7 @@ const TranslationSection = () => {
 							</span>
             </div>
             <div className="flex gap-x-2">
-              <Button disabled={isLoading} type="button" variant="outline">Clear</Button>
+              <Button disabled={isLoading} type="button" variant="outline">Clear Search</Button>
               <Button disabled={isLoading} variant="default" type="submit">Translate</Button>
               <Button disabled className="flex gap-x-2">Compare <ChevronRight size={16} /></Button>
             </div>
@@ -205,9 +205,9 @@ const TranslationSection = () => {
               name="sourceArticleUrl"
               render={({ field }) => (
                 <FormItem className="w-2/5 flex items-center gap-x-4">
-                  <FormLabel className="shrink-0">Source Article URL</FormLabel>
+                  <FormLabel className="shrink-0">Search Article</FormLabel>
                   <FormControl>
-                    <Input placeholder="Enter a URL" className="!mt-0" {...field} />
+                    <Input placeholder="Enter Article Title or URL" className="!mt-0" {...field} />
                   </FormControl>
                   <Button disabled={isLoading} variant="default" type="submit">Select</Button> 
                   <FormMessage />
@@ -221,7 +221,7 @@ const TranslationSection = () => {
               name="targetArticleLanguage"
               render={({ field }) => (
                 <FormItem className="w-2/5 flex items-center gap-x-4">
-                  <FormLabel className="shrink-0">Target Article Language</FormLabel>
+                  <FormLabel className="shrink-0">Translation Language</FormLabel>
                   <FormControl>
                     <Select
                       onValueChange={(value) => {
@@ -257,8 +257,8 @@ const TranslationSection = () => {
             <Table>
               <TableHeader>
                 <TableRow>
-                  <TableHead className="w-1/3">Referenced Article</TableHead>
-                  <TableHead>Original Article</TableHead>
+                  <TableHead className="w-1/3">Searched Article</TableHead>
+                  <TableHead>Translated Article Comparison </TableHead>
                 </TableRow>
               </TableHeader>
               <TableBody>