Merge pull request #63 from nannany/copilot/improve-vimium-selection

Vimiumで見積もりとカテゴリフィールドを選択可能に

Author: nannany

.gitignore

@@ -10,6 +10,7 @@ yarn-error.log*
 
 .vscode/*
 .env
+.env.local
 .envrc
 
 dist

ui/src/components/task/TaskCategoryField.tsx

@@ -110,8 +110,9 @@ export const TaskCategoryField = ({
   }
 
   return (
-    <p
-      className="cursor-pointer hover:bg-gray-50 p-1 rounded flex items-center"
+    <button
+      type="button"
+      className="cursor-pointer hover:bg-gray-50 p-1 rounded flex items-center text-left"
       onClick={() => {
         handleEditStart(task.id, "category_id", fieldValue || "");
       }}
@@ -123,6 +124,6 @@ export const TaskCategoryField = ({
       <span style={getCategoryTextStyle(selectedCategory)}>
         カテゴリ: {selectedCategory?.name || "(未選択)"}
       </span>
-    </p>
+    </button>
   );
 };

ui/src/components/task/TaskEstimatedTimeField.tsx

@@ -116,8 +116,9 @@ export const TaskEstimatedTimeField = ({
   }
 
   return (
-    <p
-      className="cursor-pointer hover:bg-gray-50 p-1 rounded"
+    <button
+      type="button"
+      className="cursor-pointer hover:bg-gray-50 p-1 rounded text-left"
       onClick={() =>
         handleEditStart(
           task.id,
@@ -130,6 +131,6 @@ export const TaskEstimatedTimeField = ({
       <span style={{ color: categoryColor }}>
         {formatEstimatedTime(task.estimated_minute) || "0分 (クリックして設定)"}
       </span>
-    </p>
+    </button>
   );
 };