Typescript refactor.

src/components/input/WebsiteSelect.tsx

@@ -0,0 +1,39 @@
+import { Dropdown, Item } from 'react-basics';
+import useApi from 'components/hooks/useApi';
+import useMessages from 'components/hooks/useMessages';
+import styles from './WebsiteSelect.module.css';
+
+export function WebsiteSelect({
+  websiteId,
+  onSelect,
+}: {
+  websiteId: string;
+  onSelect?: (key: any) => void;
+}) {
+  const { formatMessage, labels } = useMessages();
+  const { get, useQuery } = useApi();
+  const { data } = useQuery({
+    queryKey: ['websites:me'],
+    queryFn: () => get('/me/websites', { pageSize: 100 }),
+  });
+
+  const renderValue = value => {
+    return data?.data?.find(({ id }) => id === value)?.name;
+  };
+
+  return (
+    <Dropdown
+      menuProps={{ className: styles.dropdown }}
+      items={data?.data}
+      value={websiteId}
+      renderValue={renderValue}
+      onChange={onSelect}
+      alignment="end"
+      placeholder={formatMessage(labels.selectWebsite)}
+    >
+      {({ id, name }) => <Item key={id}>{name}</Item>}
+    </Dropdown>
+  );
+}
+
+export default WebsiteSelect;