binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[WEB-713] style: remove tooltips in mobile responsiveness (#3948)

Browse source 
Co-authored-by: sriram veeraghanta <veeraghanta.sriram@gmail.com>
This commit is contained in:
Ramesh Kumar Chandra 2024-03-12 20:39:36 +05:30 • committed by GitHub
parent b930d98665
commit cb632408f9
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
70 changed files with 327 additions and 147 deletions
Download patch file Download diff file Expand all files Collapse all files

4
web/components/workspace/settings/invitations-list-item.tsx
View file

@ -10,6 +10,7 @@ import { ConfirmWorkspaceMemberRemove } from "components/workspace";
import { EUserWorkspaceRoles, ROLE } from "constants/workspace";
// hooks
import { useMember, useUser } from "hooks/store";
import { usePlatformOS } from "hooks/use-platform-os";
type Props = {
invitationId: string;
@ -29,6 +30,7 @@ export const WorkspaceInvitationsListItem: FC<Props> = observer((props) => {
const {
workspace: { updateMemberInvitation, deleteMemberInvitation, getWorkspaceInvitationDetails },
} = useMember();
const { isMobile } = usePlatformOS();
// derived values
const invitationDetails = getWorkspaceInvitationDetails(invitationId);
@ -134,7 +136,7 @@ export const WorkspaceInvitationsListItem: FC<Props> = observer((props) => {
);
})}
</CustomSelect>
<Tooltip tooltipContent="Remove member" disabled={!isAdmin}>
<Tooltip tooltipContent="Remove member" disabled={!isAdmin} isMobile={isMobile}>
<button
type="button"
onClick={() => setRemoveMemberModal(true)}

3
web/components/workspace/settings/members-list-item.tsx
View file

@ -13,6 +13,7 @@ import { WORKSPACE_MEMBER_lEAVE } from "constants/event-tracker";
import { EUserWorkspaceRoles, ROLE } from "constants/workspace";
// hooks
import { useEventTracker, useMember, useUser } from "hooks/store";
import { usePlatformOS } from "hooks/use-platform-os";
type Props = {
memberId: string;
@ -35,6 +36,7 @@ export const WorkspaceMembersListItem: FC<Props> = observer((props) => {
workspace: { updateMember, removeMemberFromWorkspace, getWorkspaceMemberDetails },
} = useMember();
const { captureEvent } = useEventTracker();
const { isMobile } = usePlatformOS();
// derived values
const memberDetails = getWorkspaceMemberDetails(memberId);
@ -185,6 +187,7 @@ export const WorkspaceMembersListItem: FC<Props> = observer((props) => {
})}
</CustomSelect>
<Tooltip
isMobile={isMobile}
tooltipContent={isCurrentUser ? "Leave workspace" : "Remove member"}
disabled={!isAdmin && !isCurrentUser}
>