simono41/phanpy
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Allow esc to close Account sheet

Browse source
This commit is contained in:
Lim Chee Aun 2023-02-22 13:28:01 +08:00
parent 2120a1e28e
commit 8a41599466
1 changed files with 4 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/account.jsx
View file

@ -1,6 +1,7 @@
import './account.css'; import './account.css';
import { useEffect, useRef, useState } from 'preact/hooks'; import { useEffect, useRef, useState } from 'preact/hooks';
import { useHotkeys } from 'react-hotkeys-hook';
import { api } from '../utils/api'; import { api } from '../utils/api';
import emojifyText from '../utils/emojify-text'; import emojifyText from '../utils/emojify-text';
@ -82,8 +83,11 @@ function Account({ account, instance: propInstance, onClose }) {
username, username,
} = info || {}; } = info || {};
const escRef = useHotkeys('esc', onClose, [onClose]);
return ( return (
<div <div
ref={escRef}
id="account-container" id="account-container"
class={`sheet ${uiState === 'loading' ? 'skeleton' : ''}`} class={`sheet ${uiState === 'loading' ? 'skeleton' : ''}`}
> >