mirror of https://github.com/Qortal/q-tube
Browse Source
Videoplayer is much bigger, playlist is next to it instead of below Video publisher name, icon, etc. moved to same row as superlike, file downloader Titles can be selected/copied Changed structure of ListSuperLikes.tsx slightly to fix undesirable warnings involving list keys and <div> being descendent of <p> SubscribeButton.tsx created, but not fully implementedpull/7/head
Qortal Dev
8 months ago
18 changed files with 1044 additions and 862 deletions
@ -1,13 +1,30 @@
|
||||
import { IconTypes } from './IconTypes' |
||||
import { IconTypes } from "./IconTypes"; |
||||
|
||||
export const DownloadingLight: React.FC<IconTypes> = ({ |
||||
color, |
||||
height, |
||||
width, |
||||
className, |
||||
onClickFunc |
||||
onClickFunc, |
||||
}) => { |
||||
return ( |
||||
<svg className={className} xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height={height} viewBox="0 0 24 24" width={width} fill="#FFFFFF"><g><rect fill="none" /></g><g><g><path d="M18.32,4.26C16.84,3.05,15.01,2.25,13,2.05v2.02c1.46,0.18,2.79,0.76,3.9,1.62L18.32,4.26z M19.93,11h2.02 c-0.2-2.01-1-3.84-2.21-5.32L18.31,7.1C19.17,8.21,19.75,9.54,19.93,11z M18.31,16.9l1.43,1.43c1.21-1.48,2.01-3.32,2.21-5.32 h-2.02C19.75,14.46,19.17,15.79,18.31,16.9z M13,19.93v2.02c2.01-0.2,3.84-1,5.32-2.21l-1.43-1.43 C15.79,19.17,14.46,19.75,13,19.93z M13,12V7h-2v5H7l5,5l5-5H13z M11,19.93v2.02c-5.05-0.5-9-4.76-9-9.95s3.95-9.45,9-9.95v2.02 C7.05,4.56,4,7.92,4,12S7.05,19.44,11,19.93z"/></g></g></svg> |
||||
) |
||||
} |
||||
<svg |
||||
className={className} |
||||
xmlns="http://www.w3.org/2000/svg" |
||||
enableBackground="new 0 0 24 24" |
||||
height={height} |
||||
viewBox="0 0 24 24" |
||||
width={width} |
||||
fill="#FFFFFF" |
||||
> |
||||
<g> |
||||
<rect fill="none" /> |
||||
</g> |
||||
<g> |
||||
<g> |
||||
<path d="M18.32,4.26C16.84,3.05,15.01,2.25,13,2.05v2.02c1.46,0.18,2.79,0.76,3.9,1.62L18.32,4.26z M19.93,11h2.02 c-0.2-2.01-1-3.84-2.21-5.32L18.31,7.1C19.17,8.21,19.75,9.54,19.93,11z M18.31,16.9l1.43,1.43c1.21-1.48,2.01-3.32,2.21-5.32 h-2.02C19.75,14.46,19.17,15.79,18.31,16.9z M13,19.93v2.02c2.01-0.2,3.84-1,5.32-2.21l-1.43-1.43 C15.79,19.17,14.46,19.75,13,19.93z M13,12V7h-2v5H7l5,5l5-5H13z M11,19.93v2.02c-5.05-0.5-9-4.76-9-9.95s3.95-9.45,9-9.95v2.02 C7.05,4.56,4,7.92,4,12S7.05,19.44,11,19.93z" /> |
||||
</g> |
||||
</g> |
||||
</svg> |
||||
); |
||||
}; |
||||
|
@ -1,19 +0,0 @@
|
||||
import { Box, Typography } from '@mui/material' |
||||
import React from 'react' |
||||
import ListSuperLikes from './ListSuperLikes' |
||||
import { useSelector } from 'react-redux' |
||||
import { RootState } from '../../../state/store' |
||||
|
||||
export const LiskSuperLikeContainer = () => { |
||||
const superlikelist = useSelector((state: RootState) => state.global.superlikelistAll); |
||||
|
||||
return ( |
||||
<Box> |
||||
<Typography sx={{ |
||||
fontSize: '18px', |
||||
color: 'gold' |
||||
}}>Recent Super likes</Typography> |
||||
<ListSuperLikes superlikes={superlikelist} /> |
||||
</Box> |
||||
) |
||||
} |
@ -0,0 +1,25 @@
|
||||
import { Box, Typography } from "@mui/material"; |
||||
import React from "react"; |
||||
import ListSuperLikes from "./ListSuperLikes"; |
||||
import { useSelector } from "react-redux"; |
||||
import { RootState } from "../../../state/store"; |
||||
|
||||
export const ListSuperLikeContainer = () => { |
||||
const superlikelist = useSelector( |
||||
(state: RootState) => state.global.superlikelistAll |
||||
); |
||||
|
||||
return ( |
||||
<Box> |
||||
<Typography |
||||
sx={{ |
||||
fontSize: "18px", |
||||
color: "gold", |
||||
}} |
||||
> |
||||
Recent Super likes |
||||
</Typography> |
||||
<ListSuperLikes superlikes={superlikelist} /> |
||||
</Box> |
||||
); |
||||
}; |
@ -0,0 +1,39 @@
|
||||
import { Button, ButtonProps } from "@mui/material"; |
||||
import { MouseEvent } from "react"; |
||||
|
||||
interface SubscribeButtonProps extends ButtonProps { |
||||
name: string; |
||||
} |
||||
|
||||
const isSubscribed = false; |
||||
export const SubscribeButton = ({ name, ...props }: SubscribeButtonProps) => { |
||||
const manageSubscription = (e: MouseEvent<HTMLButtonElement>) => { |
||||
e.preventDefault(); |
||||
e.stopPropagation(); |
||||
console.log("subscribed to: ", name); |
||||
}; |
||||
const verticalPadding = "3px"; |
||||
const horizontalPadding = "8px"; |
||||
const buttonStyle = { |
||||
...props.sx, |
||||
fontSize: "15px", |
||||
fontWeight: "700", |
||||
paddingTop: verticalPadding, |
||||
paddingBottom: verticalPadding, |
||||
paddingLeft: horizontalPadding, |
||||
paddingRight: horizontalPadding, |
||||
borderRadius: 28, |
||||
display: "none", |
||||
}; |
||||
return ( |
||||
<Button |
||||
{...props} |
||||
variant={"contained"} |
||||
color="error" |
||||
sx={buttonStyle} |
||||
onClick={e => manageSubscription(e)} |
||||
> |
||||
{isSubscribed ? "Unsubscribe" : "Subscribe"} |
||||
</Button> |
||||
); |
||||
}; |
File diff suppressed because it is too large
Load Diff
@ -1,2 +1,4 @@
|
||||
export const minPriceSuperlike = 10; |
||||
export const titleFormatter = /[^a-zA-Z0-9\s-_!?()&'",.;:|—~@#$%^*+=]/g; |
||||
export const titleFormatter = /[^a-zA-Z0-9\s-_!?()&'",.;:|—~@#$%^*+=<>]/g; |
||||
|
||||
export const titleSaveFormatter = /[^a-zA-Z0-9\s-_!()&',.;—~@#$%^+=]/g; |
||||
|
Loading…
Reference in new issue