fix types

Author: raduwen

components/TextWidget/index.tsx

@@ -1,3 +1,5 @@
+import { CSSProperties } from 'react';
+
 const TextWidget = ({ text }) => {
   const edge_color = 'black';
   const ew = 1;
@@ -12,7 +14,7 @@ const TextWidget = ({ text }) => {
     `${ew}px 0 0 ${edge_color}`
   ].join(', ');
 
-  const style = {
+  const style: CSSProperties = {
     boxSizing: 'border-box',
     position: 'absolute',
     right: 0,

components/TimeWidget/index.tsx

@@ -1,7 +1,17 @@
-import React from 'react'
+import React, { CSSProperties } from 'react'
 
-class TimeWidget extends React.Component {
-  constructor(props) {
+interface TimeWidgetProps {
+  size: number;
+};
+
+interface TimeWidgetState {
+  time: Date;
+};
+
+class TimeWidget extends React.Component<TimeWidgetProps, TimeWidgetState> {
+  interval: NodeJS.Timer | null;
+
+  constructor(props: TimeWidgetProps) {
     super(props)
     this.state = {
       time: new Date()
@@ -11,7 +21,7 @@ class TimeWidget extends React.Component {
   render() {
     const { size } = this.props
 
-    const style = {
+    const style: CSSProperties = {
       display: 'flex',
       justifyContent: 'center',
       alignItems: 'center',