[Dashboard] Frontend Lint Fix. (#8696)

python/ray/dashboard/client/src/pages/dashboard/Dashboard.tsx

@@ -10,20 +10,20 @@ import {
 import React from "react";
 import { connect } from "react-redux";
 import {
+  getMemoryTable,
   getNodeInfo,
   getRayletInfo,
   getTuneAvailability,
-  getMemoryTable,
   stopMemoryTableCollection,
 } from "../../api";
 import { StoreState } from "../../store";
 import LastUpdated from "./LastUpdated";
 import LogicalView from "./logical-view/LogicalView";
+import MemoryInfo from "./memory/Memory";
 import NodeInfo from "./node-info/NodeInfo";
 import RayConfig from "./ray-config/RayConfig";
 import { dashboardActions } from "./state";
 import Tune from "./tune/Tune";
-import MemoryInfo from "./memory/Memory";
 
 const styles = (theme: Theme) =>
   createStyles({
@@ -64,7 +64,7 @@ class Dashboard extends React.Component<
   ];
 
   refreshInfo = async () => {
-    let { shouldObtainMemoryTable } = this.props;
+    const { shouldObtainMemoryTable } = this.props;
     try {
       const [
         nodeInfo,
@@ -110,7 +110,7 @@ class Dashboard extends React.Component<
 
   render() {
     const { classes, tab, tuneAvailability } = this.props;
-    let tabs = this.tabs.slice();
+    const tabs = this.tabs.slice();
 
     // if Tune information is not available, remove Tune tab from the dashboard
     if (tuneAvailability === null || !tuneAvailability.available) {

python/ray/dashboard/client/src/pages/dashboard/memory/Memory.tsx

@@ -1,4 +1,5 @@
 import {
+  Button,
   createStyles,
   Table,
   TableBody,
@@ -6,18 +7,17 @@ import {
   TableHead,
   TableRow,
   Theme,
-  withStyles,
   WithStyles,
-  Button,
+  withStyles,
 } from "@material-ui/core";
 import PauseIcon from "@material-ui/icons/Pause";
 import PlayArrowIcon from "@material-ui/icons/PlayArrow";
 import React from "react";
-import { StoreState } from "../../../store";
 import { connect } from "react-redux";
-import MemoryRowGroup from "./MemoryRowGroup";
-import { dashboardActions } from "../state";
 import { stopMemoryTableCollection } from "../../../api";
+import { StoreState } from "../../../store";
+import { dashboardActions } from "../state";
+import MemoryRowGroup from "./MemoryRowGroup";
 
 const styles = (theme: Theme) =>
   createStyles({

python/ray/dashboard/client/src/pages/dashboard/memory/MemoryRowGroup.tsx

@@ -11,8 +11,8 @@ import RemoveIcon from "@material-ui/icons/Remove";
 import classNames from "classnames";
 import React from "react";
 import {
-  MemoryTableResponse,
   MemoryTableEntry,
+  MemoryTableResponse,
   MemoryTableSummary,
 } from "../../../api";
 import MemorySummary from "./MemorySummary";
@@ -94,10 +94,8 @@ class MemoryRowGroup extends React.Component<
           </TableCell>
           {features.map((feature, index) => (
             <TableCell className={classes.cell} key={index}>
-              {
-                // TODO(sang): For now, it is always grouped by node_ip_address.
-                feature === "node_ip_address" ? groupKey : ""
-              }
+              {// TODO(sang): For now, it is always grouped by node_ip_address.
+              feature === "node_ip_address" ? groupKey : ""}
             </TableCell>
           ))}
         </TableRow>

python/ray/dashboard/client/src/pages/dashboard/state.ts

@@ -1,11 +1,11 @@
 import { createSlice, PayloadAction } from "@reduxjs/toolkit";
 import {
+  MemoryTableResponse,
   NodeInfoResponse,
   RayConfigResponse,
   RayletInfoResponse,
   TuneAvailabilityResponse,
   TuneJobResponse,
-  MemoryTableResponse,
 } from "../../api";
 
 const name = "dashboard";