32 lines
994 B
TypeScript
32 lines
994 B
TypeScript
'use client';
|
|
|
|
import { useLayoutEffect, useMemo } from 'react';
|
|
import { TransformComponent, TransformWrapper } from 'react-zoom-pan-pinch';
|
|
|
|
import AnimateFade from '@/components/wrap/AnimateFade';
|
|
import { useConceptOptions } from '@/context/ConceptOptionsContext';
|
|
import { resources } from '@/utils/constants';
|
|
|
|
function DatabaseSchemaPage() {
|
|
const { calculateHeight, setNoFooter } = useConceptOptions();
|
|
|
|
const panelHeight = useMemo(() => calculateHeight('0px'), [calculateHeight]);
|
|
|
|
useLayoutEffect(() => {
|
|
setNoFooter(true);
|
|
return () => setNoFooter(false);
|
|
}, [setNoFooter]);
|
|
|
|
return (
|
|
<AnimateFade className='flex justify-center overflow-hidden' style={{ maxHeight: panelHeight }}>
|
|
<TransformWrapper>
|
|
<TransformComponent>
|
|
<img alt='Схема базы данных' src={resources.db_schema} className='w-fit h-fit' />
|
|
</TransformComponent>
|
|
</TransformWrapper>
|
|
</AnimateFade>
|
|
);
|
|
}
|
|
|
|
export default DatabaseSchemaPage;
|