From 2ff32779d1c6ca82e974a64f35a36b9a0ac8cfd3 Mon Sep 17 00:00:00 2001
From: Ease112 <imagease@gmail.com>
Date: Thu, 3 Oct 2024 19:16:35 +0900
Subject: [PATCH] Translated JP -> EN

---
 ui/components/ObjectTable.tsx | 18 +++++++++---------
 ui/pages/index.tsx            |  8 ++++----
 2 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/ui/components/ObjectTable.tsx b/ui/components/ObjectTable.tsx
index 28d3333..904171d 100644
--- a/ui/components/ObjectTable.tsx
+++ b/ui/components/ObjectTable.tsx
@@ -59,10 +59,10 @@ const Mark: React.FC<{ children: React.ReactNode; active: boolean }> = ({
 };
 
 const filterItems = [
-  "キャラクター",
-  "ターゲット",
-  "変化のあるオブジェクト",
-  "全てのオブジェクト",
+  "Character",
+  "Target",
+  "Dynamic Objects",
+  "All Objects",
 ];
 
 const diffScoreToColor = (score: number) => {
@@ -437,14 +437,14 @@ export const ObjectTable: React.FC<{
         onChange={onChangeSlider}
       />
       <FormControl sx={{ m: 1, width: 300 }}>
-        <InputLabel id="show-item-select-label">表示する項目</InputLabel>
+        <InputLabel id="show-item-select-label">Items to display</InputLabel>
         <Select
           value={Object.entries(showItems)
             .filter(([_key, val]) => val)
             .map(([key]) => key)}
           labelId="show-item-select-label"
           id="show-item-select"
-          input={<OutlinedInput label="表示する項目" />}
+          input={<OutlinedInput label="Items to display" />}
           onChange={onChangeShowItem}
           multiple
         >
@@ -458,12 +458,12 @@ export const ObjectTable: React.FC<{
         </Select>
       </FormControl>
       <FormControl sx={{ m: 1, width: 300 }}>
-        <InputLabel id="filter-select-label">表示するオブジェクト</InputLabel>
+        <InputLabel id="filter-select-label">Objects to display</InputLabel>
         <Select
           value={filterValues}
           labelId="filter-select-label"
           id="filter-select"
-          input={<OutlinedInput label="表示するオブジェクト" />}
+          input={<OutlinedInput label="Objects to display" />}
           onChange={onChangeFilter}
           multiple
         >
@@ -494,7 +494,7 @@ export const ObjectTable: React.FC<{
           <TableHead>
             <TableRow>
               <TableCell>No.</TableCell>
-              <TableCell>オブジェクトURI</TableCell>
+              <TableCell>Object URI</TableCell>
               {showItems.state && <TableCell>state</TableCell>}
               {showItems.close && <TableCell>close</TableCell>}
               {showItems.facing && <TableCell>facing</TableCell>}
diff --git a/ui/pages/index.tsx b/ui/pages/index.tsx
index d2b5207..cc74fb0 100644
--- a/ui/pages/index.tsx
+++ b/ui/pages/index.tsx
@@ -260,13 +260,13 @@ const Home: NextPage = () => {
   return (
     <div>
       <FormControl fullWidth>
-        <InputLabel id="demo-simple-select-label">Videoを選択</InputLabel>
+        <InputLabel id="demo-simple-select-label">Video</InputLabel>
         <Select
           onChange={onChangeActivity}
           value={activity?.activity.value ?? ""}
           labelId="demo-simple-select-label"
           id="demo-simple-select"
-          label="Videoを選択"
+          label="Video"
         >
           {activityNodes}
         </Select>
@@ -403,8 +403,8 @@ const Home: NextPage = () => {
       </Box>
       {videoUrl && (
         <Box>
-          <Button onClick={onClickTable}>オブジェクト一覧表示</Button>
-          <Button onClick={onClickKGraph}>ナレッジグラフ表示</Button>
+          <Button onClick={onClickTable}>Object List</Button>
+          <Button onClick={onClickKGraph}>Knowledge Graph</Button>
           <Button onClick={onClick3D}>3D</Button>
         </Box>
       )}