mirror of
https://github.com/kamranahmedse/developer-roadmap.git
synced 2025-08-17 14:41:52 +02:00
Remove progress hint
This commit is contained in:
@@ -16,7 +16,6 @@ import CloseIcon from '../../icons/close.svg';
|
|||||||
import { useToast } from '../../hooks/use-toast';
|
import { useToast } from '../../hooks/use-toast';
|
||||||
import { useAuth } from '../../hooks/use-auth';
|
import { useAuth } from '../../hooks/use-auth';
|
||||||
import { pageProgressMessage } from '../../stores/page';
|
import { pageProgressMessage } from '../../stores/page';
|
||||||
import { ProgressHint } from './ProgressHint';
|
|
||||||
|
|
||||||
export type ProgressMapProps = {
|
export type ProgressMapProps = {
|
||||||
member: TeamMember;
|
member: TeamMember;
|
||||||
@@ -308,13 +307,6 @@ export function MemberProgressModal(props: ProgressMapProps) {
|
|||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
{showProgressHint && (
|
|
||||||
<ProgressHint
|
|
||||||
onClose={() => {
|
|
||||||
setShowProgressHint(false);
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
<div className="p-4">
|
<div className="p-4">
|
||||||
{!isCurrentUser && (
|
{!isCurrentUser && (
|
||||||
<div className="mb-5 mt-0 text-left md:mt-4 md:text-center">
|
<div className="mb-5 mt-0 text-left md:mt-4 md:text-center">
|
||||||
|
@@ -1,71 +0,0 @@
|
|||||||
import { useRef } from 'preact/hooks';
|
|
||||||
import { useOutsideClick } from '../../hooks/use-outside-click';
|
|
||||||
import { useKeydown } from '../../hooks/use-keydown';
|
|
||||||
import { CloseIcon } from '../ReactIcons/CloseIcon';
|
|
||||||
|
|
||||||
type ProgressHintProps = {
|
|
||||||
onClose: () => void;
|
|
||||||
};
|
|
||||||
|
|
||||||
export function ProgressHint(props: ProgressHintProps) {
|
|
||||||
const { onClose } = props;
|
|
||||||
const containerEl = useRef<HTMLDivElement>(null);
|
|
||||||
|
|
||||||
useOutsideClick(containerEl, onClose);
|
|
||||||
useKeydown('Escape', () => {
|
|
||||||
onClose();
|
|
||||||
});
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className="fixed left-0 right-0 top-0 z-50 h-full items-center justify-center overflow-y-auto overflow-x-hidden overscroll-contain bg-black/50">
|
|
||||||
<div className="relative flex h-full w-full items-center justify-center">
|
|
||||||
<div
|
|
||||||
className="relative w-full max-w-lg rounded-md bg-yellow-50 px-3 py-3 text-gray-500"
|
|
||||||
ref={containerEl}
|
|
||||||
>
|
|
||||||
<span className="mb-1.5 block text-xs font-medium uppercase text-green-600">
|
|
||||||
Update Progress
|
|
||||||
</span>
|
|
||||||
<p className="text-sm">Use the keyboard shortcuts listed below.</p>
|
|
||||||
|
|
||||||
<ul className="mb-1.5 mt-3 flex flex-col gap-1">
|
|
||||||
<li className="text-sm leading-loose">
|
|
||||||
<kbd className="rounded-md bg-gray-900 px-2 py-1.5 text-xs text-white">
|
|
||||||
Right Mouse Click
|
|
||||||
</kbd>{' '}
|
|
||||||
to mark as Done.
|
|
||||||
</li>
|
|
||||||
<li className="text-sm leading-loose">
|
|
||||||
<kbd className="rounded-md bg-gray-900 px-2 py-1.5 text-xs text-white">
|
|
||||||
Shift
|
|
||||||
</kbd>{' '}
|
|
||||||
+{' '}
|
|
||||||
<kbd className="rounded-md bg-gray-900 px-2 py-1.5 text-xs text-white">
|
|
||||||
Click
|
|
||||||
</kbd>{' '}
|
|
||||||
to mark as in progress.
|
|
||||||
</li>
|
|
||||||
<li className="text-sm leading-loose">
|
|
||||||
<kbd className="rounded-md bg-gray-900 px-2 py-1.5 text-xs text-white">
|
|
||||||
Option / Alt
|
|
||||||
</kbd>{' '}
|
|
||||||
+{' '}
|
|
||||||
<kbd className="rounded-md bg-gray-900 px-2 py-1.5 text-xs text-white">
|
|
||||||
Click
|
|
||||||
</kbd>{' '}
|
|
||||||
to mark as skipped.
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<button
|
|
||||||
type="button"
|
|
||||||
className="absolute right-1.5 top-1.5 ml-auto inline-flex items-center rounded-lg bg-transparent p-1.5 text-sm text-gray-400 hover:bg-yellow-200 hover:text-yellow-900"
|
|
||||||
onClick={onClose}
|
|
||||||
>
|
|
||||||
<CloseIcon />
|
|
||||||
<span class="sr-only">Close modal</span>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
Reference in New Issue
Block a user