diff --git a/src/frontend/apps/impress/src/features/docs/doc-share/components/DocShareAccessRequest.tsx b/src/frontend/apps/impress/src/features/docs/doc-share/components/DocShareAccessRequest.tsx index 1354b4d4..2d77f9ba 100644 --- a/src/frontend/apps/impress/src/features/docs/doc-share/components/DocShareAccessRequest.tsx +++ b/src/frontend/apps/impress/src/features/docs/doc-share/components/DocShareAccessRequest.tsx @@ -11,6 +11,7 @@ import { createGlobalStyle, css } from 'styled-components'; import { Box, BoxButton, + HorizontalSeparator, Icon, LoadMoreText, Loading, @@ -165,19 +166,25 @@ export const QuickSearchGroupAccessRequest = ({ } return ( - - - ( - - )} - /> - + <> + + + ( + + )} + /> + + + ); }; diff --git a/src/frontend/apps/impress/src/features/docs/doc-share/components/DocShareInvitation.tsx b/src/frontend/apps/impress/src/features/docs/doc-share/components/DocShareInvitation.tsx index e48b900f..d7f72df1 100644 --- a/src/frontend/apps/impress/src/features/docs/doc-share/components/DocShareInvitation.tsx +++ b/src/frontend/apps/impress/src/features/docs/doc-share/components/DocShareInvitation.tsx @@ -6,7 +6,14 @@ import { useMemo } from 'react'; import { useTranslation } from 'react-i18next'; import { css } from 'styled-components'; -import { Box, BoxButton, Icon, LoadMoreText, Text } from '@/components'; +import { + Box, + BoxButton, + HorizontalSeparator, + Icon, + LoadMoreText, + Text, +} from '@/components'; import { QuickSearchData, QuickSearchGroup } from '@/components/quick-search'; import { useCunninghamTheme } from '@/cunningham'; import { Doc, Role } from '@/docs/doc-management'; @@ -162,16 +169,19 @@ export const QuickSearchGroupInvitation = ({ } return ( - - ( - - )} - /> - + <> + + ( + + )} + /> + + + ); }; diff --git a/src/frontend/apps/impress/src/features/docs/doc-share/components/DocShareModal.tsx b/src/frontend/apps/impress/src/features/docs/doc-share/components/DocShareModal.tsx index 8d43218c..01f1c729 100644 --- a/src/frontend/apps/impress/src/features/docs/doc-share/components/DocShareModal.tsx +++ b/src/frontend/apps/impress/src/features/docs/doc-share/components/DocShareModal.tsx @@ -291,9 +291,7 @@ export const DocShareModal = ({ doc, onClose, isRootDoc = true }: Props) => { {showMemberSection && isRootDoc && ( - - )}