1 import React from 'react';
2 import { Button } from 'react-bootstrap';
3 import { useTranslation } from 'react-i18next';
5 import { useOpenSeadragon } from './OpenSeadragon';
7 const Buttons = () => {
8 const { viewer } = useOpenSeadragon();
9 const { t } = useTranslation();
11 const goToPage = React.useCallback((p) => {
12 if (viewer) viewer.goToPage(p);
15 return <div className="button-bar">
17 onClick={() => goToPage(0)}
18 title={t('map.lwLong')}
19 variant="outline-secondary"
24 onClick={() => goToPage(1)}
25 title={t('map.dwLong')}
26 variant="outline-secondary"
31 onClick={() => goToPage(2)}
32 title={t('map.spLong')}
33 variant="outline-secondary"
38 onClick={() => goToPage(3)}
39 title={t('map.uwLong')}
40 variant="outline-secondary"
47 export default Buttons;