From cfa8e3f14ef5ed0433550a130c2d9490c4689501 Mon Sep 17 00:00:00 2001
From: enes <mulahasanovic@outlook.com>
Date: Fri, 16 Aug 2024 16:14:35 +0200
Subject: [PATCH] fix(create-page): only show signers in counterpart select

---
 src/components/DrawPDFFields/index.tsx | 54 +++++++++++++-------------
 1 file changed, 28 insertions(+), 26 deletions(-)

diff --git a/src/components/DrawPDFFields/index.tsx b/src/components/DrawPDFFields/index.tsx
index 6bf9ed7..99d8b78 100644
--- a/src/components/DrawPDFFields/index.tsx
+++ b/src/components/DrawPDFFields/index.tsx
@@ -19,7 +19,7 @@ import styles from './style.module.scss'
 import { useEffect, useState } from 'react'
 
 import * as PDFJS from 'pdfjs-dist'
-import { ProfileMetadata, User } from '../../types'
+import { ProfileMetadata, User, UserRole } from '../../types'
 import {
   PdfFile,
   DrawTool,
@@ -474,36 +474,38 @@ export const DrawPDFFields = (props: Props) => {
                           labelId="counterparts"
                           label="Counterparts"
                         >
-                          {props.users.map((user, index) => {
-                            let displayValue = truncate(
-                              hexToNpub(user.pubkey),
-                              {
-                                length: 16
-                              }
-                            )
-
-                            const metadata = props.metadata[user.pubkey]
-
-                            if (metadata) {
-                              displayValue = truncate(
-                                metadata.name ||
-                                  metadata.display_name ||
-                                  metadata.username,
+                          {props.users
+                            .filter((u) => u.role === UserRole.signer)
+                            .map((user, index) => {
+                              let displayValue = truncate(
+                                hexToNpub(user.pubkey),
                                 {
                                   length: 16
                                 }
                               )
-                            }
 
-                            return (
-                              <MenuItem
-                                key={index}
-                                value={hexToNpub(user.pubkey)}
-                              >
-                                {displayValue}
-                              </MenuItem>
-                            )
-                          })}
+                              const metadata = props.metadata[user.pubkey]
+
+                              if (metadata) {
+                                displayValue = truncate(
+                                  metadata.name ||
+                                    metadata.display_name ||
+                                    metadata.username,
+                                  {
+                                    length: 16
+                                  }
+                                )
+                              }
+
+                              return (
+                                <MenuItem
+                                  key={index}
+                                  value={hexToNpub(user.pubkey)}
+                                >
+                                  {displayValue}
+                                </MenuItem>
+                              )
+                            })}
                         </Select>
                       </FormControl>
                     </div>