[BE] add move folders and move common components in the torchci/component/common (#6450)

just move things to folders and common/ directory

---------

Signed-off-by: Yang Wang <[email protected]>

Author: yangw-dev

torchci/components/additionalTestInfo/TestCounts.tsx

@@ -1,5 +1,5 @@
 import { DataGrid, GridRenderCellParams } from "@mui/x-data-grid";
-import { durationDisplay } from "components/TimeUtils";
+import { durationDisplay } from "components/common/TimeUtils";
 import { fetcher } from "lib/GeneralUtils";
 import { JobData } from "lib/types";
 import _ from "lodash";

torchci/components/benchmark/llms/LLMsBenchmarkPage.tsx

@@ -4,7 +4,7 @@ import {
   LAST_N_DAYS,
   MAIN_BRANCH,
 } from "components/benchmark/common";
-import CopyLink from "components/CopyLink";
+import CopyLink from "components/common/CopyLink";
 import { Granularity } from "components/metrics/panels/TimeSeriesPanel";
 import dayjs from "dayjs";
 import _, { cloneDeep } from "lodash";
@@ -13,7 +13,7 @@ import { ParsedUrlQuery } from "querystring";
 import { useEffect, useReducer, useState } from "react";
 import { propsReducer } from "./context/BenchmarkProps";
 
-import LoadingPage from "components/LoadingPage";
+import LoadingPage from "components/common/LoadingPage";
 import {
   DEFAULT_ARCH_NAME,
   DEFAULT_BACKEND_NAME,

torchci/components/benchmark/llms/components/dashboardPicker/LLMsTimeRangePicker.tsx

@@ -1,4 +1,4 @@
-import GranularityPicker from "components/GranularityPicker";
+import GranularityPicker from "components/common/GranularityPicker";
 import { TimeRangePicker } from "pages/metrics";
 import { Dispatch } from "react";
 export const LLMsTimeRangePicker = ({

torchci/components/CommitStatus.tsx renamed to torchci/components/commit/CommitStatus.tsx

@@ -1,4 +1,4 @@
-import styles from "components/commit.module.css";
+import styles from "components/commit/commit.module.css";
 import {
   isFailedJob,
   isRerunDisabledTestsJob,
@@ -9,9 +9,9 @@ import useScrollTo from "lib/useScrollTo";
 import _ from "lodash";
 import { useState } from "react";
 import { linkIt, UrlComponent, urlRegex } from "react-linkify-it";
-import { getConclusionSeverityForSorting } from "../lib/JobClassifierUtil";
-import FilteredJobList from "./FilteredJobList";
-import { JobStatus } from "./GroupJobConclusion";
+import { getConclusionSeverityForSorting } from "../../lib/JobClassifierUtil";
+import FilteredJobList from "../job/FilteredJobList";
+import { JobStatus } from "../job/GroupJobConclusion";
 import VersionControlLinks from "./VersionControlLinks";
 import WorkflowBox from "./WorkflowBox";
 import WorkflowDispatcher from "./WorkflowDispatcher";

torchci/components/VersionControlLinks.tsx renamed to torchci/components/commit/VersionControlLinks.tsx

@@ -1,6 +1,12 @@
 import { Button, styled } from "@mui/material";
-import styles from "components/commit.module.css";
+import { TestInfo } from "components/additionalTestInfo/TestInfo";
+import styles from "components/commit/commit.module.css";
+import LogViewer, { SearchLogViewer } from "components/common/log/LogViewer";
+import { durationDisplay } from "components/common/TimeUtils";
+import JobArtifact from "components/job/JobArtifact";
+import JobSummary from "components/job/JobSummary";
 import { fetcher } from "lib/GeneralUtils";
+import { getConclusionSeverityForSorting } from "lib/JobClassifierUtil";
 import { getDurationDisplay, isFailedJob } from "lib/jobUtils";
 import { getSearchRes, LogSearchResult } from "lib/searchLogs";
 import { Artifact, IssueData, JobData } from "lib/types";
@@ -10,12 +16,6 @@ import {
 } from "lib/utilization/types";
 import React, { useEffect, useState } from "react";
 import useSWRImmutable from "swr/immutable";
-import { getConclusionSeverityForSorting } from "../lib/JobClassifierUtil";
-import { TestInfo } from "./additionalTestInfo/TestInfo";
-import JobArtifact from "./JobArtifact";
-import JobSummary from "./JobSummary";
-import LogViewer, { SearchLogViewer } from "./LogViewer";
-import { durationDisplay } from "./TimeUtils";
 
 function sortJobsByConclusion(jobA: JobData, jobB: JobData): number {
   // Show failed jobs first, then pending jobs, then successful jobs