fix: organize imports

components/ProcessList.tsx

@@ -1,17 +1,14 @@
-import {
-  Drawer,
-  IconButton,
-  List,
-  ListItem,
-  ListItemIcon,
-  ListItemSecondaryAction,
-  ListItemText,
-  Menu,
-  MenuItem,
-  Toolbar,
-  useTheme,
-} from '@material-ui/core'
-import { makeStyles, Theme } from '@material-ui/core/styles'
+import Drawer from '@material-ui/core/Drawer'
+import IconButton from '@material-ui/core/IconButton'
+import List from '@material-ui/core/List'
+import ListItem from '@material-ui/core/ListItem'
+import ListItemIcon from '@material-ui/core/ListItemIcon'
+import ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction'
+import ListItemText from '@material-ui/core/ListItemText'
+import Menu from '@material-ui/core/Menu'
+import MenuItem from '@material-ui/core/MenuItem'
+import { makeStyles, Theme, useTheme } from '@material-ui/core/styles'
+import Toolbar from '@material-ui/core/Toolbar'
 import MoreVertIcon from '@material-ui/icons/MoreVert'
 import OfflineBoltIcon from '@material-ui/icons/OfflineBolt'
 import RemoveCircleOutlineIcon from '@material-ui/icons/RemoveCircleOutline'

pages/index.tsx

@@ -1,4 +1,5 @@
-import { Box, Typography } from '@material-ui/core'
+import Box from '@material-ui/core/Box'
+import Typography from '@material-ui/core/Typography'
 import clsx from 'clsx'
 import { useRouter } from 'next/router'
 import React, { useState } from 'react'

pages/process/[id].tsx

@@ -1,11 +1,9 @@
-import {
-  Button,
-  Card,
-  CardContent,
-  CircularProgress,
-  Grid,
-  Typography,
-} from '@material-ui/core'
+import Button from '@material-ui/core/Button'
+import Card from '@material-ui/core/Card'
+import CardContent from '@material-ui/core/CardContent'
+import CircularProgress from '@material-ui/core/CircularProgress'
+import Grid from '@material-ui/core/Grid'
+import Typography from '@material-ui/core/Typography'
 import DeleteOutlineIcon from '@material-ui/icons/DeleteOutline'
 import PlayArrow from '@material-ui/icons/PlayArrow'
 import RestartIcon from '@material-ui/icons/Replay'
@@ -45,7 +43,7 @@ const SubProcess = () => {
 
   const confirmFlush = (name) => {
     materialDialog.confirmModal({
-      content: 'Apakah anda yakin nih pak?',
+      content: 'Are you sure to flush this process logs?',
       action: async () => {
         callAction({ id: name, action: 'flush' })
         return true