muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 04:46:40 +07:00
Code Packages Activity Actions

changed youtube appearance

Browse source
This commit is contained in:
Fedor Katurov 2020-04-18 22:06:34 +07:00
parent 4ab2c7f885
commit 8ff9fdd9bd
3 changed files with 22 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/components/comment/CommentEmbedBlock/styles.scss
View file

@ -33,16 +33,19 @@
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
background: transparentize(black, 0.5); background: transparentize(black, 0.5) 50% 50%;
background-size: cover;
z-index: 15; z-index: 15;
border-radius: $radius; border-radius: $radius;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
text-align: center;
font: $font_16_medium;
@include can_backdrop { @include can_backdrop {
background: transparentize(black, 0.3); background: transparentize(black, 0.5) 50% 50%;
backdrop-filter: blur(5px); backdrop-filter: blur(3px);
} }
} }
@ -63,5 +66,7 @@
width: 100%; width: 100%;
border-radius: $radius; border-radius: $radius;
position: relative; position: relative;
background-position: 50% 50%;
background-size: cover;
} }
} }

7
src/redux/player/reducer.ts
View file

@ -3,14 +3,21 @@ import { PLAYER_HANDLERS } from './handlers';
import { PLAYER_STATES } from './constants'; import { PLAYER_STATES } from './constants';
import { IFile } from '../types'; import { IFile } from '../types';
interface IYoutubeInfo {
title: string;
thumbnail: string;
}
export type IPlayerState = Readonly<{ export type IPlayerState = Readonly<{
status: typeof PLAYER_STATES[keyof typeof PLAYER_STATES]; status: typeof PLAYER_STATES[keyof typeof PLAYER_STATES];
file: IFile; file: IFile;
youtubes: Record<string, IYoutubeInfo>;
}>; }>;
const INITIAL_STATE: IPlayerState = { const INITIAL_STATE: IPlayerState = {
status: PLAYER_STATES.UNSET, status: PLAYER_STATES.UNSET,
file: null, file: null,
youtubes: {},
}; };
export default createReducer(INITIAL_STATE, PLAYER_HANDLERS); export default createReducer(INITIAL_STATE, PLAYER_HANDLERS);

20
src/redux/store.ts
View file

@ -37,7 +37,12 @@ const authPersistConfig: PersistConfig = {
const flowPersistConfig: PersistConfig = { const flowPersistConfig: PersistConfig = {
key: 'flow', key: 'flow',
whitelist: ['nodes', 'recent', 'updated'], whitelist: ['nodes', 'recent', 'updated'],
// whitelist: [], storage,
};
const playerPersistConfig: PersistConfig = {
key: 'player',
whitelist: ['youtubes'],
storage, storage,
}; };
@ -54,17 +59,6 @@ export interface IState {
export const sagaMiddleware = createSagaMiddleware(); export const sagaMiddleware = createSagaMiddleware();
export const history = createBrowserHistory(); export const history = createBrowserHistory();
// history.
// history.listen(({ pathname }) => {
// if (pathname.match(/~([\wа-яА-Я]+)/)) {
// const [, username] = pathname.match(/~([\wа-яА-Я]+)/);
// window.postMessage({ type: 'username', username }, '*');
// }
// console.log({ pathname });
// // if (pathname.match)
// });
const composeEnhancers = const composeEnhancers =
typeof window === 'object' && (<any>window).__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ typeof window === 'object' && (<any>window).__REDUX_DEVTOOLS_EXTENSION_COMPOSE__
? (<any>window).__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({}) ? (<any>window).__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({})
@ -78,7 +72,7 @@ export const store = createStore(
node: nodeReducer, node: nodeReducer,
uploads: uploadReducer, uploads: uploadReducer,
flow: persistReducer(flowPersistConfig, flowReducer), flow: persistReducer(flowPersistConfig, flowReducer),
player: playerReducer, player: persistReducer(playerPersistConfig, playerReducer),
}), }),
composeEnhancers(applyMiddleware(routerMiddleware(history), sagaMiddleware)) composeEnhancers(applyMiddleware(routerMiddleware(history), sagaMiddleware))
); );