1- import React from ' react' ;
2- import { Box , Text } from ' ink' ;
1+ import React from " react" ;
2+ import { Box , Text } from " ink" ;
33import {
44 DevServerTaskStatus ,
55 StatusChangePayload ,
6- } from ' ../../utils/devServer/interfaces.js' ;
7- import { ForegroundColorName } from ' chalk' ;
8- import Spinner from ' ink-spinner' ;
6+ } from " ../../utils/devServer/interfaces.js" ;
7+ import { ForegroundColorName } from " chalk" ;
8+ import Spinner from " ink-spinner" ;
99
1010interface Props {
1111 name : string ;
1212 payload : StatusChangePayload ;
1313}
1414
15- export const DashboardTask : React . FC < Props > = props => {
16- const { name, payload} = props ;
15+ export const DashboardTask : React . FC < Props > = ( props ) => {
16+ const { name, payload } = props ;
1717 const status = statusMessage [ payload . status ] ;
1818
1919 return (
@@ -30,22 +30,22 @@ export const DashboardTask: React.FC<Props> = props => {
3030
3131const statusMessage : Record <
3232 DevServerTaskStatus ,
33- { title : string ; color : ForegroundColorName }
33+ { title : string ; color : ForegroundColorName }
3434> = {
3535 [ DevServerTaskStatus . Building ] : {
36- title : ' Building' ,
37- color : ' grey' ,
36+ title : " Building" ,
37+ color : " grey" ,
3838 } ,
3939 [ DevServerTaskStatus . Error ] : {
40- title : ' Error occured while build' ,
41- color : ' red' ,
40+ title : " Error occured while build" ,
41+ color : " red" ,
4242 } ,
4343 [ DevServerTaskStatus . Done ] : {
44- title : ' Build done' ,
45- color : ' green' ,
44+ title : " Build done" ,
45+ color : " green" ,
4646 } ,
4747 [ DevServerTaskStatus . InstallingPackages ] : {
48- title : ' Installing packgaes' ,
49- color : ' yellow'
50- }
48+ title : " Installing packgaes" ,
49+ color : " yellow" ,
50+ } ,
5151} ;
0 commit comments