← All changes | src/editor/components/headers/SimpleString.tsx +27 -34 1.28.0 → 1.13.0 View file →

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