Refactor

web/components/filter-select-users.tsx

@@ -12,16 +12,16 @@ export function FilterSelectUsers(props: {
   setSelectedUsers: (users: User[]) => void
   selectedUsers: User[]
   ignoreUserIds: string[]
-  showLabel?: boolean
+  showSelectedUsersTitle?: boolean
-  memberListClassName?: string
+  selectedUsersClassName?: string
   maxUsers?: number
 }) {
   const {
     ignoreUserIds,
     selectedUsers,
     setSelectedUsers,
-    showLabel,
+    showSelectedUsersTitle,
-    memberListClassName,
+    selectedUsersClassName,
     maxUsers,
   } = props
   const users = useUsers()
@@ -117,9 +117,14 @@ export function FilterSelectUsers(props: {
       )}
       {selectedUsers.length > 0 && (
         <>
-          <div className={'mb-2'}>{showLabel && 'Added members:'}</div>
+          <div className={'mb-2'}>
+            {showSelectedUsersTitle && 'Added members:'}
+          </div>
           <Row
-            className={clsx('mt-0 grid grid-cols-6 gap-2', memberListClassName)}
+            className={clsx(
+              'mt-0 grid grid-cols-6 gap-2',
+              selectedUsersClassName
+            )}
           >
             {selectedUsers.map((user: User) => (
               <div

web/components/referrals-button.tsx

@@ -87,8 +87,8 @@ function ReferralsDialog(props: {
                         setSelectedUsers={setReferredBy}
                         selectedUsers={referredBy}
                         ignoreUserIds={[currentUser.id]}
-                        showLabel={false}
+                        showSelectedUsersTitle={false}
-                        memberListClassName={'grid-cols-2 '}
+                        selectedUsersClassName={'grid-cols-2 '}
                         maxUsers={1}
                       />
                       <Row className={'mt-0 justify-end'}>