fix: move files and align them to rekor-search-ui (#69)

Signed-off-by: Carlos Feria <[email protected]>

Author: carlosthe19916

client/src/app/pages/RekorSearch/RekorSearch.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from "react";
 
-import { RekorClientProvider } from "@app/api/context";
+import { RekorClientProvider } from "@app/pages/RekorSearch/api/context";
 import { Button, Content, PageSection, Split, SplitItem } from "@patternfly/react-core";
 import { CogIcon } from "@patternfly/react-icons";
 

client/src/app/api/context.test.tsx renamed to client/src/app/pages/RekorSearch/api/context.test.tsx

@@ -5,13 +5,13 @@ import decodex509Mock from "../__mocks__/decodex509Mock";
 
 vi.mock("react-router-dom", () => ({ Link: ({ children }: any) => <a>{children}</a> }));
 
-vi.mock("../Template/x509/decode", () => ({
+vi.mock("../x509/decode", () => ({
   decodex509: decodex509Mock,
 }));
 
 import { render, screen } from "@testing-library/react";
 import "@testing-library/jest-dom";
-import { DSSEViewer } from "./DSSEViewer";
+import { DSSEViewer } from "./DSSE";
 import type { DSSEV001Schema } from "rekor";
 
 describe("DSSEViewer Component", () => {

client/src/app/api/context.tsx renamed to client/src/app/pages/RekorSearch/api/context.tsx

@@ -4,7 +4,7 @@ import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
 import { atomDark } from "react-syntax-highlighter/dist/cjs/styles/prism";
 import { type DSSEV001Schema } from "rekor";
 import { Panel } from "@patternfly/react-core";
-import { decodex509 } from "../Template/x509/decode";
+import { decodex509 } from "../x509/decode";
 import { Paths } from "@app/Routes";
 
 export function DSSEViewer({ dsse }: { dsse: DSSEV001Schema }) {

client/src/app/api/rekor-api.ts renamed to client/src/app/pages/RekorSearch/api/rekor-api.ts

@@ -25,9 +25,9 @@ import {
   GridItem,
   Panel,
 } from "@patternfly/react-core";
-import { IntotoViewer001 } from "../Template/Intoto001";
-import { IntotoViewer002 } from "../Template/Intoto002";
-import { DSSEViewer } from "./DSSEViewer";
+import { IntotoViewer001 } from "./Intoto001";
+import { IntotoViewer002 } from "./Intoto002";
+import { DSSEViewer } from "./DSSE";
 import { HashedRekordViewer } from "./HashedRekord";
 import { Link } from "react-router-dom";
 import { Paths } from "@app/Routes";

client/src/app/api/rekor_api.test.ts renamed to client/src/app/pages/RekorSearch/api/rekor_api.test.ts

@@ -19,7 +19,7 @@ beforeEach(() => {
 
 import { fireEvent, render, screen, waitFor } from "@testing-library/react";
 import type { Mock } from "vitest";
-import { RekorClientProvider } from "../../../api/context";
+import { RekorClientProvider } from "../api/context";
 import { Explorer } from "./Explorer";
 
 describe("Explorer", () => {

client/src/app/pages/RekorSearch/components/DSSE.test.tsx

@@ -1,7 +1,7 @@
 import { useLocation, useNavigate } from "react-router-dom";
 import { Fragment, useCallback, useEffect, useState } from "react";
 import { ApiError, type RekorError } from "rekor";
-import { isAttribute, type RekorEntries, type SearchQuery, useRekorSearch } from "../../../api/rekor-api";
+import { isAttribute, type RekorEntries, type SearchQuery, useRekorSearch } from "../api/rekor-api";
 import { type FormInputs, SearchForm } from "./SearchForm";
 import { Alert, Flex, Spinner, Pagination } from "@patternfly/react-core";
 import { Entry } from "./Entry";