import React from 'react';
import { FormattedMessage } from 'react-intl';
import { Modal } from 'soapbox/components/ui';
import { useAppSelector } from 'soapbox/hooks';
import { getFeatures } from 'soapbox/utils/features';
interface IHotkeysModal {
onClose: () => void,
}
const Hotkey: React.FC<{ children: React.ReactNode }> = ({ children }) => (
{children}
);
const TableCell: React.FC<{ children: React.ReactNode }> = ({ children }) => (
|
{children}
|
);
const HotkeysModal: React.FC = ({ onClose }) => {
const features = useAppSelector((state) => getFeatures(state.instance));
return (
}
onClose={onClose}
width='4xl'
>
|
r
m
p
f
{features.emojiReacts && (
e
)}
b
enter, o
a
|
{features.spoilers && (
x
)}
{features.spoilers && (
h
)}
up, k
down, j
n
alt + n
backspace
s
esc
|
g + h
g + n
g + f
g + p
g + u
g + b
g + m
{features.followRequests && (
g + r
)}
?
);
};
export default HotkeysModal;