Skip to content

Commit

Permalink
♻️ front: minor cleanup and refactoring (#50)
Browse files Browse the repository at this point in the history
  • Loading branch information
ericlinagora committed May 13, 2024
1 parent cf35692 commit e6234f9
Show file tree
Hide file tree
Showing 4 changed files with 9 additions and 10 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ export const AccessLevelDropdown = ({
labelOverrides,
className,
size,
noRedBobMode,
noRedWhenLevelNone,
}: {
disabled?: boolean;
level: DriveFileAccessLevel | null;
Expand All @@ -34,7 +34,7 @@ export const AccessLevelDropdown = ({
labelOverrides?: { [key: string]: string };
hiddenLevels?: DriveFileAccessLevelOrRemove[] | string[];
size?: SelectSize,
noRedBobMode?: boolean,
noRedWhenLevelNone?: boolean,
}) => {
const createOption = (level: DriveFileAccessLevelOrRemove) =>
!hiddenLevels?.includes(level) && <option value={level}>{(labelOverrides || {})[level] || translateAccessLevel(level)}</option>;
Expand All @@ -43,7 +43,7 @@ export const AccessLevelDropdown = ({
disabled={disabled}
size={size}
className={className + ' w-auto'}
theme={(!noRedBobMode && level === 'none') ? 'rose' : 'outline'}
theme={(!noRedWhenLevelNone && level === 'none') ? 'rose' : 'outline'}
value={level || 'none'}
onChange={e => onChange(e.target.value as DriveFileAccessLevel & 'remove')}
>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -74,7 +74,7 @@ const ChangePublicLinkAccessLevelRow = (props: {
className='!p-0 leading-tight text-end !pr-8 border-none bg-transparent dark:bg-transparent'
disabled={props.disabled}
size={'sm'}
noRedBobMode={true}
noRedWhenLevelNone={true}
level={props.level}
hiddenLevels={['remove']}
onChange={props.onChange}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -2,13 +2,12 @@ import { Modal, ModalContent } from '@atoms/modal';
import { useDriveItem } from '@features/drive/hooks/use-drive-item';
import { useEffect } from 'react';
import { atom, useRecoilState } from 'recoil';
import { InternalAccessManager } from './internal-access';
import { InternalUsersAccessManager } from './internal-users-access';
import { useCurrentCompany } from '@features/companies/hooks/use-companies';
import Languages from 'features/global/services/languages-service';
import FeatureTogglesService, {
FeatureNames,
} from '@features/global/services/feature-toggles-service';
import { changePublicLink, hasAnyPublicLinkAccess } from '@features/files/utils/access-info-helpers';

export type AccessModalType = {
open: boolean;
Expand Down Expand Up @@ -60,7 +59,7 @@ const AccessModalContent = (props: {
>
<div className={loading ? 'opacity-50' : ''}>
{FeatureTogglesService.isActiveFeatureName(FeatureNames.COMPANY_SEARCH_USERS) && (
<InternalAccessManager id={id} disabled={access !== 'manage'} onCloseModal={props.onCloseModal} />
<InternalUsersAccessManager id={id} disabled={access !== 'manage'} onCloseModal={props.onCloseModal} />
)}
</div>
</ModalContent>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ import { InputDecorationIcon } from '@atoms/input/input-decoration-icon';
import { AccessLevelDropdown } from '../../components/access-level-dropdown';
import UserBlock from '@molecules/grouped-rows/user';

export const InternalAccessManager = ({
export const InternalUsersAccessManager = ({
id,
disabled,
onCloseModal,
Expand Down Expand Up @@ -121,7 +121,7 @@ export const InternalAccessManager = ({
<div className="shrink-0">
<AccessLevelDropdown
className="rounded-l-none !p-0 leading-tight text-end !pr-8 !pl-2 border-none bg-zinc-100 dark:bg-zinc-800"
noRedBobMode={true}
noRedWhenLevelNone={true}
disabled={loading || disabled}
hiddenLevels={['remove']}
level={level}
Expand Down Expand Up @@ -217,7 +217,7 @@ const UserAccessLevel = (props: {

: <AccessLevelDropdown
disabled={loading || props.disabled || user?.id === currentUser?.id}
noRedBobMode={true}
noRedWhenLevelNone={true}
level={(item && getUserAccessLevel(item, props.userId)) || "none"}
onChange={level => item && update(changeUserAccess(item, props.userId, level === 'remove' ? false : level))}
/>
Expand Down

0 comments on commit e6234f9

Please sign in to comment.