45 lines
1.1 KiB
TypeScript
45 lines
1.1 KiB
TypeScript
import * as React from "react";
|
|
import { useTranslation } from "react-i18next";
|
|
import styled from "styled-components";
|
|
import { s } from "@shared/styles";
|
|
import InputSelect, { Props as SelectProps } from "~/components/InputSelect";
|
|
import { EmptySelectValue, Permission } from "~/types";
|
|
|
|
export default function InputMemberPermissionSelect(
|
|
props: Partial<SelectProps> & { permissions: Permission[] }
|
|
) {
|
|
const { value, onChange, ...rest } = props;
|
|
const { t } = useTranslation();
|
|
const handleChange = React.useCallback(
|
|
(value) => {
|
|
onChange?.(value === EmptySelectValue ? null : value);
|
|
},
|
|
[onChange]
|
|
);
|
|
|
|
return (
|
|
<Select
|
|
label={t("Permissions")}
|
|
options={props.permissions}
|
|
ariaLabel={t("Permissions")}
|
|
onChange={handleChange}
|
|
value={value || EmptySelectValue}
|
|
labelHidden
|
|
nude
|
|
{...rest}
|
|
/>
|
|
);
|
|
}
|
|
|
|
const Select = styled(InputSelect)`
|
|
margin: 0;
|
|
font-size: 14px;
|
|
border-color: transparent;
|
|
box-shadow: none;
|
|
color: ${s("textSecondary")};
|
|
|
|
select {
|
|
margin: 0;
|
|
}
|
|
` as React.ComponentType<SelectProps>;
|