From 298482f70ecbf1408b84bb82f72640728870af9c Mon Sep 17 00:00:00 2001
From: aet <debian@aet.ac>
Date: Sun, 28 Nov 2021 23:19:47 -0500
Subject: [PATCH] Fix password field

---
 packages/opvault.js/src/types.ts               | 13 +++++++++++++
 packages/web/src/components/ItemFieldValue.tsx |  5 +----
 packages/web/src/components/ItemList.tsx       |  1 +
 3 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/packages/opvault.js/src/types.ts b/packages/opvault.js/src/types.ts
index bf0c728..a5ecd67 100644
--- a/packages/opvault.js/src/types.ts
+++ b/packages/opvault.js/src/types.ts
@@ -28,11 +28,24 @@ export type BooleanField = {
   type: FieldType.Checkbox
   name: string
   value?: "✓" | string
+  designation?: undefined
 }
 
 export type ItemField =
   | TextField
   | BooleanField
+  | {
+      name: string
+      designation: "username"
+      value: string
+      type?: undefined
+    }
+  | {
+      name: string
+      designation: "password"
+      value: string
+      type?: undefined
+    }
   | {
       // @TODO: This currently catches all item fields.
       type: FieldType
diff --git a/packages/web/src/components/ItemFieldValue.tsx b/packages/web/src/components/ItemFieldValue.tsx
index 4db3ce2..14fbfd9 100644
--- a/packages/web/src/components/ItemFieldValue.tsx
+++ b/packages/web/src/components/ItemFieldValue.tsx
@@ -119,10 +119,7 @@ export const ItemFieldValue: React.FC<{
 export const ItemDetailsFieldValue: React.FC<{
   field: ItemField
 }> = ({ field }) => {
-  if (
-    field.type === FieldType.Password ||
-    (field.type === FieldType.Text && field.designation === "password")
-  ) {
+  if (field.type === FieldType.Password || field.designation === "password") {
     return <Password field={{ v: field.value } as any} />
   }
 
diff --git a/packages/web/src/components/ItemList.tsx b/packages/web/src/components/ItemList.tsx
index f36faac..aebe9fb 100644
--- a/packages/web/src/components/ItemList.tsx
+++ b/packages/web/src/components/ItemList.tsx
@@ -25,6 +25,7 @@ const ItemView = styled.li`
   align-items: center;
   cursor: default;
   grid-template-columns: 35px 1fr;
+  user-select: none;
   &:hover {
     background-color: var(--hover-background);
   }