34a5ab4c0c
* ui: move around login handler; exlcude all /login subpaths from destinationPath handler; remove unused redirect * spot v bump * spot + ui: some postrelease fixes
40 lines
No EOL
1.5 KiB
TypeScript
40 lines
No EOL
1.5 KiB
TypeScript
import { Button, Card } from 'antd';
|
|
import React from 'react';
|
|
import AnimatedSVG, { ICONS } from 'Shared/AnimatedSVG/AnimatedSVG';
|
|
import { Icon } from 'UI'
|
|
|
|
function AccessError() {
|
|
return (
|
|
<>
|
|
<div className="w-full h-full block ">
|
|
<div className="flex bg-white border-b text-center justify-center py-4">
|
|
<a href="https://openreplay.com/spot" target="_blank">
|
|
<Button
|
|
type="text"
|
|
className="orSpotBranding flex gap-1 items-center"
|
|
size="large"
|
|
>
|
|
<Icon size={40} name={'integrations/openreplay'} />
|
|
<div className="flex flex-row gap-2 items-center text-start">
|
|
<div className={'text-3xl font-semibold '}>OpenReplay Spot</div>
|
|
</div>
|
|
</Button>
|
|
</a>
|
|
</div>
|
|
<Card className="w-1/2 mx-auto rounded-b-full shadow-sm text-center flex flex-col justify-center items-center z-50 min-h-60">
|
|
<div className={'font-semibold text-xl'}>
|
|
The Spot link has expired.
|
|
</div>
|
|
<p className="text-lg">
|
|
Contact the person who shared it to re-spot.
|
|
</p>
|
|
</Card>
|
|
<div className="rotate-180 -z-10 w-fit mx-auto -mt-5 hover:mt-2 transition-all ease-in-out hover:rotate-0 hover:transition-all hover:ease-in-out duration-500 hover:duration-150">
|
|
<AnimatedSVG name={ICONS.NO_RECORDINGS} size={60} />
|
|
</div>
|
|
</div>
|
|
</>
|
|
);
|
|
}
|
|
|
|
export default AccessError; |