From 419fe252e6dfc53f6895a6aeb847e339fcf59c08 Mon Sep 17 00:00:00 2001 From: peterpeterparker Date: Thu, 2 Jul 2020 11:16:51 +0200 Subject: [PATCH] feat: remove random color and background when creating a new deck --- .../pages/editor/app-editor/app-editor.tsx | 8 -- .../src/app/utils/editor/random-palette.tsx | 118 ------------------ 2 files changed, 126 deletions(-) delete mode 100644 studio/src/app/utils/editor/random-palette.tsx diff --git a/studio/src/app/pages/editor/app-editor/app-editor.tsx b/studio/src/app/pages/editor/app-editor/app-editor.tsx index 85ca7be78..e7c47928c 100644 --- a/studio/src/app/pages/editor/app-editor/app-editor.tsx +++ b/studio/src/app/pages/editor/app-editor/app-editor.tsx @@ -11,8 +11,6 @@ import {debounce, isFullscreen, isIOS, isMobile} from '@deckdeckgo/utils'; import {convertStyle} from '@deckdeckgo/deck-utils'; -import {generateRandomStyleColors} from '../../../utils/editor/random-palette'; - import {AuthUser} from '../../../models/auth/auth.user'; import {SlideTemplate} from '../../../models/data/slide'; @@ -242,8 +240,6 @@ export class AppEditor { await this.concatSlide(slide); - await this.initRandomDeckStyle(); - resolve(); }); } @@ -267,10 +263,6 @@ export class AppEditor { }); } - private async initRandomDeckStyle() { - this.style = await generateRandomStyleColors(); - } - private async initDeckStyle() { if (deckStore.state.deck && deckStore.state.deck.data && deckStore.state.deck.data.attributes && deckStore.state.deck.data.attributes.style) { this.style = await convertStyle(deckStore.state.deck.data.attributes.style); diff --git a/studio/src/app/utils/editor/random-palette.tsx b/studio/src/app/utils/editor/random-palette.tsx deleted file mode 100644 index 0d87022f1..000000000 --- a/studio/src/app/utils/editor/random-palette.tsx +++ /dev/null @@ -1,118 +0,0 @@ -export interface PaletteColor { - hex: string; - rgba: string; -} - -export interface Palette { - color: PaletteColor; - contrast: PaletteColor; -} - -export const DEFAULT_DECK_PALETTE: Palette[] = [ - { - color: { - hex: '#ffffff', - rgba: 'rgba(255,255,255,1)' - }, - contrast: { - hex: '#000000', - rgba: 'rgba(0,0,0,1)' - } - }, - { - color: { - hex: '#2a324b', - rgba: 'rgba(42,50,75,1)' - }, - contrast: { - hex: '#ffffff', - rgba: 'rgba(255,255,255,1)' - } - }, - { - color: { - hex: '#2a324b', - rgba: 'rgba(42,50,75,1)' - }, - contrast: { - hex: '#ffffff', - rgba: 'rgba(255,255,255,1)' - } - }, - { - color: { - hex: '#0694a8', - rgba: 'rgba(6,148,168,1)' - }, - contrast: { - hex: '#ffffff', - rgba: 'rgba(255,255,255,1)' - } - }, - { - color: { - hex: '#3b3637', - rgba: 'rgba(59,54,55,1)' - }, - contrast: { - hex: '#e0ffff', - rgba: 'rgba(224,255,255,1)' - } - }, - { - color: { - hex: '#f78da7', - rgba: 'rgba(247,141,167,1)' - }, - contrast: { - hex: '#000000', - rgba: 'rgba(0,0,0,1)' - } - }, - { - color: { - hex: '#0693e3', - rgba: 'rgba(6,147,227,1)' - }, - contrast: { - hex: '#ffffff', - rgba: 'rgba(255,255,255,1)' - } - }, - { - color: { - hex: '#9900ef', - rgba: 'rgba(153,0,239,1)' - }, - contrast: { - hex: '#ffffff', - rgba: 'rgba(255,255,255,1)' - } - }, - { - color: { - hex: '#7bdcb5', - rgba: 'rgba(123,220,181,1)' - }, - contrast: { - hex: '#000000', - rgba: 'rgba(0,0,0,1)' - } - } -]; - -export function generateRandomStyleColors(): Promise { - return new Promise((resolve) => { - if (!DEFAULT_DECK_PALETTE || DEFAULT_DECK_PALETTE.length <= 0) { - resolve(undefined); - return; - } - - const index: number = Math.floor(Math.random() * DEFAULT_DECK_PALETTE.length); - - resolve({ - '--color': DEFAULT_DECK_PALETTE[index].contrast.rgba, - '--background': DEFAULT_DECK_PALETTE[index].color.rgba - }); - }); -}