devstack/authorizer
4
0
Fork 0
Code Pull Requests Actions Activity

updates

Browse Source
This commit is contained in:
Anik Ghosh 2022-03-16 18:06:51 +05:30
parent f65ea72944
commit 2213619ed5
1 changed files with 38 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

74
dashboard/src/components/InviteMembersModal.tsx
View File

@ -224,42 +224,44 @@ const InviteMembersModal = ({ disabled = true }: { disabled: boolean }) => {
</Button> </Button>
</Flex> </Flex>
</Flex> </Flex>
{emails.map((emailData, index) => ( <Flex flexDirection="column" maxH={250} overflowY="scroll">
<Flex {emails.map((emailData, index) => (
key={`email-data-${index}`} <Flex
justifyContent="center" key={`email-data-${index}`}
alignItems="center" justifyContent="center"
> alignItems="center"
<InputGroup size="md" marginBottom="2.5%"> >
<Input <InputGroup size="md" marginBottom="2.5%">
pr="4.5rem" <Input
type="text" pr="4.5rem"
placeholder="name@domain.com" type="text"
value={emailData.value} placeholder="name@domain.com"
isInvalid={emailData.isInvalid} value={emailData.value}
onChange={(e) => isInvalid={emailData.isInvalid}
inputChangeHandler(e.currentTarget.value, index) onChange={(e) =>
} inputChangeHandler(e.currentTarget.value, index)
/>
<InputRightElement width="3rem">
<Button
h="1.75rem"
size="sm"
colorScheme="blackAlpha"
variant="ghost"
onClick={() =>
updateEmailListHandler(
ArrayInputOperations.REMOVE,
index
)
} }
> />
<FaMinusCircle /> <InputRightElement width="3rem">
</Button> <Button
</InputRightElement> h="1.75rem"
</InputGroup> size="sm"
</Flex> colorScheme="blackAlpha"
))} variant="ghost"
onClick={() =>
updateEmailListHandler(
ArrayInputOperations.REMOVE,
index
)
}
>
<FaMinusCircle />
</Button>
</InputRightElement>
</InputGroup>
</Flex>
))}
</Flex>
</Flex> </Flex>
</TabPanel> </TabPanel>
<TabPanel> <TabPanel>
@ -268,7 +270,7 @@ const InviteMembersModal = ({ disabled = true }: { disabled: boolean }) => {
align="center" align="center"
textAlign="center" textAlign="center"
bg="#f0f0f0" bg="#f0f0f0"
h={231} h={230}
p={50} p={50}
m={2} m={2}
borderRadius={5} borderRadius={5}