35 lines
862 B
TypeScript
35 lines
862 B
TypeScript
/**
|
|
* AdminLanguagesKeepAlive
|
|
*
|
|
* Keeps the AdminLanguagesPage mounted across route changes so that
|
|
* long-running AI translation progress, table state, and selections
|
|
* survive when the user navigates away and returns.
|
|
*/
|
|
|
|
import React from 'react';
|
|
import { AdminLanguagesPage } from './AdminLanguagesPage';
|
|
|
|
interface AdminLanguagesKeepAliveProps {
|
|
isVisible: boolean;
|
|
}
|
|
|
|
export const AdminLanguagesKeepAlive: React.FC<AdminLanguagesKeepAliveProps> = ({ isVisible }) => {
|
|
return (
|
|
<div
|
|
style={{
|
|
display: isVisible ? 'flex' : 'none',
|
|
flexDirection: 'column',
|
|
position: 'absolute',
|
|
top: 'var(--mobile-topbar-height, 0px)',
|
|
left: 0,
|
|
right: 0,
|
|
bottom: 0,
|
|
overflow: 'hidden',
|
|
}}
|
|
>
|
|
<AdminLanguagesPage />
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default AdminLanguagesKeepAlive;
|