Fix progress modal

images-fix
Arik Chakma 1 year ago
parent c95272e213
commit b3b43e3068
  1. 3
      src/components/TeamProgress/MemberCustomProgressModal.tsx
  2. 4
      src/components/UserProgress/UserCustomProgressModal.tsx

@ -25,6 +25,7 @@ import type { Node } from 'reactflow';
import { useKeydown } from '../../hooks/use-keydown'; import { useKeydown } from '../../hooks/use-keydown';
import { useOutsideClick } from '../../hooks/use-outside-click'; import { useOutsideClick } from '../../hooks/use-outside-click';
import { MemberProgressModalHeader } from './MemberProgressModalHeader'; import { MemberProgressModalHeader } from './MemberProgressModalHeader';
import { X } from 'lucide-react';
export type ProgressMapProps = { export type ProgressMapProps = {
member: TeamMember; member: TeamMember;
@ -284,7 +285,7 @@ export function MemberCustomProgressModal(props: ProgressMapProps) {
}`} }`}
onClick={onClose} onClick={onClose}
> >
<img alt={'close'} src={CloseIcon.src} className="h-4 w-4" /> <X className="h-4 w-4" />
<span className="sr-only">Close modal</span> <span className="sr-only">Close modal</span>
</button> </button>
</div> </div>

@ -4,13 +4,13 @@ import { useKeydown } from '../../hooks/use-keydown';
import { httpGet } from '../../lib/http'; import { httpGet } from '../../lib/http';
import type { ResourceType } from '../../lib/resource-progress'; import type { ResourceType } from '../../lib/resource-progress';
import { topicSelectorAll } from '../../lib/resource-progress'; import { topicSelectorAll } from '../../lib/resource-progress';
import CloseIcon from '../../icons/close.svg';
import { deleteUrlParam, getUrlParams } from '../../lib/browser'; import { deleteUrlParam, getUrlParams } from '../../lib/browser';
import { useAuth } from '../../hooks/use-auth'; import { useAuth } from '../../hooks/use-auth';
import type { GetRoadmapResponse } from '../CustomRoadmap/CustomRoadmap'; import type { GetRoadmapResponse } from '../CustomRoadmap/CustomRoadmap';
import { ReadonlyEditor } from '../../../editor/readonly-editor'; import { ReadonlyEditor } from '../../../editor/readonly-editor';
import { ProgressLoadingError } from './ProgressLoadingError'; import { ProgressLoadingError } from './ProgressLoadingError';
import { UserProgressModalHeader } from './UserProgressModalHeader'; import { UserProgressModalHeader } from './UserProgressModalHeader';
import { X } from 'lucide-react';
export type ProgressMapProps = { export type ProgressMapProps = {
userId?: string; userId?: string;
@ -208,7 +208,7 @@ export function UserCustomProgressModal(props: ProgressMapProps) {
className={`absolute right-2.5 top-3 ml-auto inline-flex items-center rounded-lg bg-gray-100 bg-transparent p-1.5 text-sm text-gray-400 hover:text-gray-900 lg:hidden`} className={`absolute right-2.5 top-3 ml-auto inline-flex items-center rounded-lg bg-gray-100 bg-transparent p-1.5 text-sm text-gray-400 hover:text-gray-900 lg:hidden`}
onClick={onClose} onClick={onClose}
> >
<img alt={'close'} src={CloseIcon.src} className="h-4 w-4" /> <X className="h-4 w-4" />
<span className="sr-only">Close modal</span> <span className="sr-only">Close modal</span>
</button> </button>
</div> </div>

Loading…
Cancel
Save