File tree Expand file tree Collapse file tree 1 file changed +14
-22
lines changed Expand file tree Collapse file tree 1 file changed +14
-22
lines changed Original file line number Diff line number Diff line change 1
- import React from " react" ;
1
+ import React from ' react' ;
2
2
3
3
interface EasterEggProps {
4
- show : boolean ;
5
- onClose : ( ) => void ;
4
+ show : boolean ;
5
+ onClose : ( ) => void ;
6
6
}
7
7
8
8
export const EasterEgg : React . FC < EasterEggProps > = ( { show, onClose } ) => {
9
- if ( ! show ) return null ;
9
+ if ( ! show ) return null ;
10
10
11
- return (
12
- < div
13
- className = "fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50"
14
- onClick = { onClose }
15
- >
16
- < div className = "relative w-full max-w-4xl bg-black rounded-xl overflow-hidden" >
17
- < video
18
- autoPlay
19
- controls
20
- className = "w-full"
21
- onClick = { ( e ) => e . stopPropagation ( ) }
22
- >
23
- < source src = "/easteregg.mp4" type = "video/mp4" />
24
- Your browser does not support the video tag.
25
- </ video >
26
- </ div >
27
- </ div >
28
- ) ;
11
+ return (
12
+ < div className = "fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50" onClick = { onClose } >
13
+ < div className = "relative w-full max-w-4xl bg-black rounded-xl overflow-hidden" >
14
+ < video autoPlay controls className = "w-full" onClick = { ( e ) => e . stopPropagation ( ) } >
15
+ < source src = "./easteregg.mp4" type = "video/mp4" />
16
+ Your browser does not support the video tag.
17
+ </ video >
18
+ </ div >
19
+ </ div >
20
+ ) ;
29
21
} ;
You can’t perform that action at this time.
0 commit comments