b17c3ab8d7
* feat ui: login flow for spot extension * spot list, store and service created * some fixing for header * start work on single spot * spot player start * header for player, comments, icons, etc * split stuff into compoennts, create player state manager * player controls, activity panel etc etc * comments, empty page, rename and stuff * interval buttons etc * access modal * pubkey support * fix tooltip * limit 10 -> 9 * hls lib instead of videojs * some warnings * fix date display for exp * change public links * display more client data * fix cleaning, init comment * map network to replay player network ev * stream support, console panel, close panels on X * fixing streaming, destroy on leave * fix autoplay * show notification on spot login * fix spot login * backup player added, fix audio issue * show thumbnail when no video, add spot roles * add poster thumbnail * some fixes to video check * fix events jump * fix play btn * try catch over pubkey * icons * spot login pinging * move spot login flow to login comp, use separate spot login path for unique jwt * invalidate spot jwt on logout * add visual data on page load event * typo fix * issue to copy change * share spot url f
34 lines
1 KiB
TypeScript
34 lines
1 KiB
TypeScript
import React from 'react';
|
|
import { connect } from 'react-redux';
|
|
import cn from 'classnames';
|
|
import { closeBottomBlock } from 'Duck/components/player';
|
|
import { CloseButton } from 'UI';
|
|
import stl from './header.module.css';
|
|
|
|
const Header = ({
|
|
children,
|
|
className,
|
|
closeBottomBlock,
|
|
onClose,
|
|
onFilterChange,
|
|
showClose = true,
|
|
...props
|
|
}: {
|
|
children?: React.ReactNode;
|
|
className?: string;
|
|
closeBottomBlock?: () => void;
|
|
onFilterChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
showClose?: boolean;
|
|
onClose?: () => void;
|
|
}) => (
|
|
<div className={ cn("relative border-r border-l py-1", stl.header) } >
|
|
<div className={ cn("w-full h-full flex justify-between items-center", className) } >
|
|
<div className="w-full flex items-center justify-between">{ children }</div>
|
|
{ showClose && <CloseButton onClick={ onClose ? onClose : closeBottomBlock } size="18" className="ml-2" /> }
|
|
</div>
|
|
</div>
|
|
);
|
|
|
|
Header.displayName = 'Header';
|
|
|
|
export default connect(null, { closeBottomBlock })(Header);
|