From 0b4e1e969000ff2758b4dfd131d3c96d711d14fa Mon Sep 17 00:00:00 2001
From: Roy <roy.appeldoorn@gmail.com>
Date: Thu, 17 Aug 2023 10:42:01 +0200
Subject: [PATCH] Use correct types

---
 .../feed/components/UserDropdown/UserDropdown.tsx      | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/modules/feed/components/UserDropdown/UserDropdown.tsx b/src/modules/feed/components/UserDropdown/UserDropdown.tsx
index 9160b528..cacf2733 100644
--- a/src/modules/feed/components/UserDropdown/UserDropdown.tsx
+++ b/src/modules/feed/components/UserDropdown/UserDropdown.tsx
@@ -1,5 +1,5 @@
 import React, { Component, PropsWithRef, SyntheticEvent } from "react";
-import { Dropdown } from "semantic-ui-react";
+import { Dropdown, DropdownProps } from "semantic-ui-react";
 import { Query } from "@apollo/client/react/components";
 
 import client from "../../../../client";
@@ -47,7 +47,7 @@ class DropdownRemote extends Component<DropDownProps, DropDownState> {
     this.setState(this.initialState);
   }
 
-  handleAddition(e: React.KeyboardEvent<HTMLElement>, { value }: any) {
+  handleAddition(_e: React.SyntheticEvent<HTMLElement, Event>, data: DropdownProps) {
     const oldState = client.readQuery({
       query: GET_USERS,
       variables: {
@@ -56,7 +56,7 @@ class DropdownRemote extends Component<DropDownProps, DropDownState> {
     });
 
     const existing = oldState.teamById.users.filter(
-      (u: User) => u.name === value
+      (u: User) => u.name === data.value
     );
     if (existing.length > 0) {
       return;
@@ -82,7 +82,7 @@ class DropdownRemote extends Component<DropDownProps, DropDownState> {
           ...oldState.teamById.users,
           {
             id,
-            name: value,
+            name: data.value,
             virtualUser: true,
             __typename: "User",
           },
@@ -141,7 +141,7 @@ class DropdownRemote extends Component<DropDownProps, DropDownState> {
               disabled={loading}
               loading={loading}
               error={!!error || this.props.error}
-              onAddItem={() => this.handleAddition}
+              onAddItem={this.handleAddition}
               onChange={this.handleChange}
             />
           );