37 lines
1.3 KiB
TypeScript
37 lines
1.3 KiB
TypeScript
import React from 'react';
|
|
import { Icon } from '@ohif/ui';
|
|
|
|
// this is a debug component that is used to list various things that might
|
|
// be useful for debugging such as cross origin errors, etc.
|
|
function Debug() {
|
|
return (
|
|
<div style={{ width: '100%', height: '100%' }}>
|
|
<div className="flex h-screen w-screen items-center justify-center">
|
|
<div className="bg-secondary-dark mx-auto space-y-2 rounded-lg py-8 px-8 drop-shadow-md">
|
|
<img
|
|
className="mx-auto block h-14"
|
|
src="./ohif-logo.svg"
|
|
alt="OHIF"
|
|
/>
|
|
<div className="space-y-2 pt-4 text-center">
|
|
<div className="flex flex-col items-center justify-center">
|
|
<p className="text-primary-active mt-4 text-xl font-semibold">Debug Information</p>
|
|
<div className="mt-4 flex items-center space-x-2">
|
|
<p className="text-md text-white">Cross Origin Isolated (COOP/COEP)</p>
|
|
<Icon
|
|
name={
|
|
window.crossOriginIsolated ? 'notifications-success' : 'notifications-error'
|
|
}
|
|
className="h-5 w-5"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default Debug;
|