← All changes | src/editor/components/headers/SimpleString.tsx +10 -18 1.27.2 → 1.13.0 View file →

		@@ -1,26 +1,18 @@
1	1	import { colord, AnyColor } from 'colord';
2	2	import { Attributes, Lang } from '../../../types';
3		-import { findBackgroundColor, findTextColor } from '../../../util/colors';
4	3	import { languages } from '../../../util/languages';
5	4
6		-export const SimpleString = (attributes: Attributes) => {
7		- const { language, bgColor, textColor, headerString } = attributes;
	5	+export const SimpleString = ({
	6	+ language,
	7	+ bgColor,
	8	+ textColor,
	9	+ headerString,
	10	+}: Partial<Attributes>) => {
8	11	const bgC = colord(bgColor as AnyColor);
9		- let bg = bgC.isDark()
10		- ? bgC.lighten(0.05).toHex()
11		- : bgC.darken(0.05).toHex();
	12	+ const bg = bgC.isDark() ? bgC.lighten(0.05) : bgC.darken(0.05);
12	13	const textC = colord(textColor as AnyColor);
13		- let text = textC.isDark()
14		- ? textC.lighten(0.05).toHex()
15		- : textC.darken(0.05).toHex();
16		-
17		- if (bgColor?.startsWith('var(')) {
18		- bg = findBackgroundColor(attributes) ?? bgColor;
19		- }
20		- if (textColor?.startsWith('var(')) {
21		- text = findTextColor(attributes) ?? textColor;
22		- }
	14	+ const text = textC.isDark() ? textC.lighten(0.05) : textC.darken(0.05);
23	15	return (
24	16	<span
25	17	style={{
26	18	display: 'flex',
		@@ -28,10 +20,10 @@
28	20	padding: '10px 0px 10px 16px',
29	21	marginBottom: '-2px',
30	22	width: '100%',
31	23	textAlign: 'left',
32		- backgroundColor: bg,
33		- color: text,
	24	+ backgroundColor: bg.toHex(),
	25	+ color: text.toHex(),
34	26	}}>
35	27	{headerString || languages[language as Lang]}
36	28	</span>
37	29	);