Improve embed end screen

This commit is contained in:
Rafael 2022-03-31 17:36:48 -03:00 committed by Thomas Zarebczan
parent f5034f74ca
commit 075e285bd2
2 changed files with 19 additions and 7 deletions

View file

@ -870,8 +870,16 @@ $control-bar-icon-size: 0.8rem;
} }
} }
.file-viewer--ended-embed .vjs-big-play-button { .file-viewer--ended-embed {
display: none !important; // yes this is dumb, but this was broken and the above CSS was overriding .vjs-big-play-button {
display: none !important; // yes this is dumb, but this was broken and the above CSS was overriding
}
.file-viewer__overlay-actions {
display: grid;
grid-template-columns: repeat(3, auto);
grid-gap: 1rem;
}
} }
.video-thumbnail-generator { .video-thumbnail-generator {

View file

@ -7,6 +7,13 @@ import { withRouter } from 'react-router';
import { URL, SITE_NAME } from 'config'; import { URL, SITE_NAME } from 'config';
import Logo from 'component/logo'; import Logo from 'component/logo';
const DEFAULT_PROMPTS = {
bigtech: 'Together, we can take back control from big tech',
discuss: `Continue the discussion on ${SITE_NAME}`,
find: `Find more great content on ${SITE_NAME}`,
test: "We test a lot of messages here. Wouldn't it be funny if the one telling you that did the best?",
};
type Props = { type Props = {
uri: string, uri: string,
isAuthenticated: boolean, isAuthenticated: boolean,
@ -18,14 +25,11 @@ function FileViewerEmbeddedEnded(props: Props) {
const prompts = isAuthenticated const prompts = isAuthenticated
? { ? {
discuss_auth: `Continue the discussion on ${SITE_NAME}`, ...DEFAULT_PROMPTS,
tip_auth: 'Always tip your creators', tip_auth: 'Always tip your creators',
} }
: { : {
bigtech_unauth: 'Together, we can take back control from big tech', ...DEFAULT_PROMPTS,
discuss_unauth: `Continue the discussion on ${SITE_NAME}`,
find_unauth: `Find more great content on ${SITE_NAME}`,
a_b_unauth: "We test a lot of messages here. Wouldn't it be funny if the one telling you that did the best?",
earn_unauth: `Join ${SITE_NAME} and earn to watch.`, earn_unauth: `Join ${SITE_NAME} and earn to watch.`,
blockchain_unauth: "Now if anyone asks, you can say you've used a blockchain.", blockchain_unauth: "Now if anyone asks, you can say you've used a blockchain.",
}; };