diff --git a/frontend/src/components/SignatureCard.tsx b/frontend/src/components/SignatureCard.tsx index 224f426..15f3f8a 100644 --- a/frontend/src/components/SignatureCard.tsx +++ b/frontend/src/components/SignatureCard.tsx @@ -74,6 +74,13 @@ export const SignatureCard = ({ signature, onDelete, onUpdate }: SignatureCardPr

{signature.signame || 'Unnamed Signature'}

+ {signature.note && ( +
+ + {signature.note} + +
+ )} {/* Additional Info */} diff --git a/frontend/src/components/SignatureEditModal.tsx b/frontend/src/components/SignatureEditModal.tsx index fb936a8..fc0d126 100644 --- a/frontend/src/components/SignatureEditModal.tsx +++ b/frontend/src/components/SignatureEditModal.tsx @@ -30,7 +30,8 @@ export const SignatureEditModal = ({ signature, isOpen, onClose, onSave }: Signa signame: signature.signame || "", dangerous: signature.dangerous || false, scanned: signature.scanned || "", - identifier: signature.identifier || "" + identifier: signature.identifier || "", + note: signature.note || "" }); const [isLoading, setIsLoading] = useState(false); @@ -45,7 +46,8 @@ export const SignatureEditModal = ({ signature, isOpen, onClose, onSave }: Signa type: formData.type === "unknown" ? undefined : formData.type, signame: formData.signame || undefined, dangerous: formData.dangerous, - scanned: formData.scanned || undefined + scanned: formData.scanned || undefined, + note: formData.note || undefined }); onClose(); toast({ @@ -71,7 +73,8 @@ export const SignatureEditModal = ({ signature, isOpen, onClose, onSave }: Signa signame: signature.signame || "", dangerous: signature.dangerous || false, scanned: signature.scanned || "", - identifier: signature.identifier || "" + identifier: signature.identifier || "", + note: signature.note || "" }); onClose(); }; @@ -152,6 +155,18 @@ export const SignatureEditModal = ({ signature, isOpen, onClose, onSave }: Signa /> + {/* Note Field - Add before the Dangerous Flag */} +
+ + setFormData(prev => ({ ...prev, note: e.target.value }))} + placeholder="Add important information about this signature" + className="bg-slate-700 border-slate-600 text-slate-200" + /> +
+ {/* Dangerous Flag */}
diff --git a/frontend/src/components/SignatureListItem.tsx b/frontend/src/components/SignatureListItem.tsx index 3e6f45c..7f193b1 100644 --- a/frontend/src/components/SignatureListItem.tsx +++ b/frontend/src/components/SignatureListItem.tsx @@ -117,6 +117,11 @@ export const SignatureListItem = ({ signature, onDelete, onUpdate }: SignatureLi )} + {signature.note && ( + + {signature.note} + + )}
diff --git a/frontend/src/lib/pbtypes.ts b/frontend/src/lib/pbtypes.ts index e4e479f..aaa2937 100644 --- a/frontend/src/lib/pbtypes.ts +++ b/frontend/src/lib/pbtypes.ts @@ -107,6 +107,7 @@ export type SignatureRecord = { id: string identifier: string name?: string + note?: string scanned?: string system: RecordIdString type?: string @@ -118,6 +119,7 @@ export type SigviewRecord = { dangerous?: boolean id: string identifier: string + note?: string scanned?: string signame?: string sysid?: RecordIdString