keejef
/
session-desktop
mirror of https://github.com/oxen-io/session-desktop
2
0
Fork 0
Code Issues 8 Projects Releases Wiki Activity

fix: pr review - remove unneeded useState and useEffect in SessionEmojiPanel

Browse Source
pull/2522/head
William Grant 3 years ago
parent be21f29875
commit 172510d11b
1 changed files with 23 additions and 25 deletions
Show Stats Download Patch File Download Diff File

24
ts/components/conversation/SessionEmojiPanel.tsx
Unescape Escape View File

@ -1,4 +1,4 @@
import React, { forwardRef, useEffect, useState } from 'react'; import React, { forwardRef } from 'react';
import classNames from 'classnames'; import classNames from 'classnames';
import styled from 'styled-components'; import styled from 'styled-components';
// @ts-ignore // @ts-ignore
@ -103,31 +103,29 @@ export const SessionEmojiPanel = forwardRef<HTMLDivElement, Props>((props: Props
const theme = useSelector(getTheme); const theme = useSelector(getTheme);
const isDarkMode = useSelector(isDarkTheme); const isDarkMode = useSelector(isDarkTheme);
const [panelBackgroundRGB, setPanelBackgroundRGB] = useState(''); let panelBackgroundRGB = hexColorToRGB(THEMES.CLASSIC_DARK.COLOR1);
const [panelTextRGB, setPanelTextRGB] = useState(''); let panelTextRGB = hexColorToRGB(THEMES.CLASSIC_DARK.COLOR6);
useEffect(() => {
switch (theme) { switch (theme) {
case 'ocean-dark': case 'ocean-dark':
setPanelBackgroundRGB(hexColorToRGB(THEMES.OCEAN_DARK.COLOR1)); panelBackgroundRGB = hexColorToRGB(THEMES.OCEAN_DARK.COLOR1);
// tslint:disable: no-non-null-assertion // tslint:disable: no-non-null-assertion
setPanelTextRGB(hexColorToRGB(THEMES.OCEAN_DARK.COLOR7!)); panelTextRGB = hexColorToRGB(THEMES.OCEAN_DARK.COLOR7!);
break; break;
case 'ocean-light': case 'ocean-light':
// tslint:disable: no-non-null-assertion // tslint:disable: no-non-null-assertion
setPanelBackgroundRGB(hexColorToRGB(THEMES.OCEAN_LIGHT.COLOR7!)); panelBackgroundRGB = hexColorToRGB(THEMES.OCEAN_LIGHT.COLOR7!);
setPanelTextRGB(hexColorToRGB(THEMES.OCEAN_LIGHT.COLOR1)); panelTextRGB = hexColorToRGB(THEMES.OCEAN_LIGHT.COLOR1);
break; break;
case 'classic-light': case 'classic-light':
setPanelBackgroundRGB(hexColorToRGB(THEMES.CLASSIC_LIGHT.COLOR6)); panelBackgroundRGB = hexColorToRGB(THEMES.CLASSIC_LIGHT.COLOR6);
setPanelTextRGB(hexColorToRGB(THEMES.CLASSIC_LIGHT.COLOR0)); panelTextRGB = hexColorToRGB(THEMES.CLASSIC_LIGHT.COLOR0);
break; break;
case 'classic-dark': case 'classic-dark':
default: default:
setPanelBackgroundRGB(hexColorToRGB(THEMES.CLASSIC_DARK.COLOR1)); panelBackgroundRGB = hexColorToRGB(THEMES.CLASSIC_DARK.COLOR1);
setPanelTextRGB(hexColorToRGB(THEMES.CLASSIC_DARK.COLOR6)); panelTextRGB = hexColorToRGB(THEMES.CLASSIC_DARK.COLOR6);
} }
}, [theme]);
return ( return (
<StyledEmojiPanel <StyledEmojiPanel

Write Preview
Loading…
Cancel
Save