Merge pull request #10 from raduwen/fix-css-properties

Fix css properties

Author: raduwen

components/TextWidget/index.tsx

@@ -19,15 +19,27 @@ type TextWidgetProps = {
   position?: Position;
 };
 
+const calcTextShadow = (weight, color) => {
+  const edge = [
+    `${weight}px ${weight}px 0 ${color}`,
+    `-${weight}px -${weight}px 0 ${color}`,
+    `-${weight}px ${weight}px 0 ${color}`,
+    `${weight}px -${weight}px 0 ${color}`,
+    `0px ${weight}px 0 ${color}`,
+    `0-${weight}px 0 ${color}`,
+    `-${weight}px 0 0 ${color}`,
+    `${weight}px 0 0 ${color}`
+  ].join(', ');
+  return edge;
+};
 
 const defaultStyle: CSSProperties = {
   boxSizing: 'border-box',
   whiteSpace: 'pre-wrap',
   overflow: 'hidden',
-  textColor: 'white',
+  color: 'white',
   backgroundColor: 'rgba(0, 0, 0 0.1)',
-  edgeWeight: 1,
-  edgeColor: 'black',
+  textShadow: calcTextShadow(1, 'black'),
   width: 320,
   height: 540,
   padding: '4px 8px',
@@ -45,19 +57,7 @@ const TextWidget: VFC<TextWidgetProps> = ({
   padding,
   position,
 }) => {
-  const ew = edgeWeight || 1;
-  const edge_color = edgeColor || 'black';
-
-  const edge = [
-    `${ew}px ${ew}px 0 ${edge_color}`,
-    `-${ew}px -${ew}px 0 ${edge_color}`,
-    `-${ew}px ${ew}px 0 ${edge_color}`,
-    `${ew}px -${ew}px 0 ${edge_color}`,
-    `0px ${ew}px 0 ${edge_color}`,
-    `0-${ew}px 0 ${edge_color}`,
-    `-${ew}px 0 0 ${edge_color}`,
-    `${ew}px 0 0 ${edge_color}`
-  ].join(', ');
+  const edge = calcTextShadow(edgeWeight || 1, edgeColor || 'black');
 
   const style: CSSProperties = {
     ...defaultStyle,

yarn.lock

@@ -1169,9 +1169,9 @@ lodash.sortby@^4.7.0:
   integrity sha1-7dFMgk4sycHgsKG0K7UhBRakJDg=
 
 lodash@^4.17.13:
-  version "4.17.20"
-  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.20.tgz#b44a9b6297bcb698f1c51a3545a2b3b368d59c52"
-  integrity sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA==
+  version "4.17.21"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
+  integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
 
 loose-envify@^1.1.0, loose-envify@^1.4.0:
   version "1.4.0"