Moved main component to root level

src/app/app-routing.module.ts

@@ -19,7 +19,7 @@ import { AdminGuard } from "./auth/guards/admin.guard";
 import { AdminDashboardComponent } from "./admin-view/admin-dashboard/admin-dashboard.component";
 import { DatasetFlowDetailsComponent } from "./dataset-flow/dataset-flow-details/dataset-flow-details.component";
 import { AccountComponent } from "./account/account.component";
-import { QueryExplainerComponent } from "./components/query-explainer/query-explainer.component";
+import { QueryExplainerComponent } from "./query-explainer/query-explainer.component";
 
 export const routes: Routes = [
     { path: "", redirectTo: ProjectLinks.DEFAULT_URL, pathMatch: "full" },
@@ -51,8 +51,7 @@ export const routes: Routes = [
         canActivate: [AdminGuard],
         path: ProjectLinks.URL_QUERY_EXPLAINER,
         component: QueryExplainerComponent,
-        loadChildren: () =>
-            import("./components/query-explainer/query-explainer.module").then((m) => m.QueryExplainerModule),
+        loadChildren: () => import("./query-explainer/query-explainer.module").then((m) => m.QueryExplainerModule),
     },
     {
         path:

src/app/dataset-view/additional-components/data-component/data.component.ts

@@ -30,10 +30,10 @@ import ProjectLinks from "src/app/project-links";
 import { ToastrService } from "ngx-toastr";
 import { LoggedUserService } from "src/app/auth/logged-user.service";
 import { AppConfigService } from "src/app/app-config.service";
-import { QueryExplainerService } from "src/app/components/query-explainer/query-explainer.service";
-import { QueryExplainerResponse } from "src/app/components/query-explainer/query-explainer.types";
 import { UploadPrepareData, UploadPrepareResponse } from "src/app/common/ingest-via-file-upload.types";
 import { FileUploadService } from "src/app/services/file-upload.service";
+import { QueryExplainerService } from "src/app/query-explainer/query-explainer.service";
+import { QueryExplainerResponse } from "src/app/query-explainer/query-explainer.types";
 
 @Component({
     selector: "app-data",

src/app/components/query-explainer/query-explainer.module.ts → src/app/query-explainer/query-explainer.module.ts

@@ -3,17 +3,23 @@ import { CommonModule } from "@angular/common";
 import { QueryExplainerComponent } from "./query-explainer.component";
 import { MatIconModule } from "@angular/material/icon";
 import { AngularSvgIconModule } from "angular-svg-icon";
-import { DisplayHashModule } from "../display-hash/display-hash.module";
 import { RouterModule } from "@angular/router";
 import { HighlightModule } from "ngx-highlightjs";
-import { DynamicTableModule } from "../dynamic-table/dynamic-table.module";
 import { VerifyResultSectionComponent } from "./components/verify-result-section/verify-result-section.component";
 import { ReproducedResultSectionComponent } from "./components/reproduced-result-section/reproduced-result-section.component";
-import { InputDataSectionComponent } from './components/input-data-section/input-data-section.component';
-import { CommitmentDataSectionComponent } from './components/commitment-data-section/commitment-data-section.component';
+import { InputDataSectionComponent } from "./components/input-data-section/input-data-section.component";
+import { CommitmentDataSectionComponent } from "./components/commitment-data-section/commitment-data-section.component";
+import { DisplayHashModule } from "../components/display-hash/display-hash.module";
+import { DynamicTableModule } from "../components/dynamic-table/dynamic-table.module";
 
 @NgModule({
-    declarations: [QueryExplainerComponent, VerifyResultSectionComponent, ReproducedResultSectionComponent, InputDataSectionComponent, CommitmentDataSectionComponent],
+    declarations: [
+        QueryExplainerComponent,
+        VerifyResultSectionComponent,
+        ReproducedResultSectionComponent,
+        InputDataSectionComponent,
+        CommitmentDataSectionComponent,
+    ],
     imports: [
         CommonModule,
         MatIconModule,