refactor: rearrange components

src/components/layouts/BacklogPage.tsx

@@ -2,7 +2,7 @@ import Link from "next/link";
 import { CheckIcon } from "@heroicons/react/16/solid";
 
 import { PageContainer } from "./PageContainer";
-import { BacklogCountLabel } from "../BacklogPreview";
+import { BacklogCountLabel } from "../pages/home/BacklogPreview";
 
 import { EMAIL } from "~/utils/constants";
 import { BACKLOG, BacklogItem } from "~/utils/data";

src/components/layouts/HomePage.tsx

@@ -1,9 +1,7 @@
-import { MainCards } from "../MainCards";
 import { ShareForm } from "../ShareForm";
 import { SubscribeForm } from "../SubscribeForm";
 import { PageContainer } from "./PageContainer";
-import { About } from "../About";
-import { BacklogPreview } from "../BacklogPreview";
+import { About, MainCards, BacklogPreview } from "../pages/home";
 
 import { getPeople } from "~/api-client/people";
 

src/components/layouts/PersonQAPage.tsx

@@ -1,10 +1,8 @@
 import { notFound } from "next/navigation";
 
 import { ShareForm } from "../ShareForm";
-import { PersonPreview } from "../PersonPreview";
 import { PageContainer } from "./PageContainer";
-import { Content } from "../Content";
-import { SidePeoplePanel } from "../SidePeoplePanel";
+import { PersonPreview, Content, SidePeoplePanel } from "../pages/person";
 
 import { getPerson } from "~/api-client/people";
 import { getAnswersByPersonSlug } from "~/api-client/answers";

src/components/layouts/QuestionPage.tsx

@@ -4,7 +4,7 @@ import { notFound } from "next/navigation";
 import { PageContainer } from "./PageContainer";
 import { PersonImage } from "../PersonImage";
 import { Answer } from "../Content";
-import { QuestionsNavigation } from "../QuestionsNavigation";
+import { QuestionsNavigation } from "../pages/question/QuestionsNavigation";
 
 import { getAnswersByQuestionSlug } from "~/api-client/answers";
 import { getQuestions } from "~/api-client/questions";

src/components/About.tsx → src/components/pages/home/About.tsx

@@ -1,4 +1,4 @@
-import { SmileIconSolid } from "./icons/SmileIconSolid";
+import { SmileIconSolid } from "../../icons/SmileIconSolid";
 
 import { cn } from "~/utils/handlers";
 

src/components/MainCards.tsx → src/components/pages/home/MainCards.tsx

@@ -1,4 +1,5 @@
-import { PersonCard } from "./PersonCard";
+import { PersonCard } from "~/components/PersonCard";
+
 import { IPerson } from "~/models/Person";
 
 interface MainCardsProps {

src/components/pages/home/index.ts

@@ -0,0 +1,3 @@
+export * from "./About";
+export * from "./BacklogPreview";
+export * from "./MainCards";

src/components/Content.tsx → src/components/pages/person/Content.tsx

@@ -3,7 +3,6 @@ import Link from "next/link";
 import Image from "next/image";
 
 import { ParsedParagraph } from "./ParsedParagraph";
-
 import { IAnswer, IAnswerLink } from "~/models/Answer";
 import { AnswerViewType, IQuestion } from "~/models/Question";
 import { isOuterURL } from "~/utils/handlers";

src/components/PersonPreview.tsx → src/components/pages/person/PersonPreview.tsx

@@ -1,7 +1,7 @@
 import { ReactNode } from "react";
 
-import { PersonImage } from "./PersonImage";
-import { Job, Name } from "./PersonCard";
+import { Name, Job } from "~/components/PersonCard";
+import { PersonImage } from "~/components/PersonImage";
 
 import { IPerson } from "~/models/Person";
 

src/components/SidePeoplePanel.tsx → src/components/pages/person/SidePeoplePanel.tsx

@@ -1,8 +1,8 @@
 import Link from "next/link";
 import { ReactNode } from "react";
 
-import { PersonImage } from "./PersonImage";
-import { PlusIcon } from "./icons/Plus";
+import { PlusIcon } from "~/components/icons/Plus";
+import { PersonImage } from "~/components/PersonImage";
 
 import { getPeople } from "~/api-client/people";
 

src/components/pages/person/index.ts

@@ -0,0 +1,4 @@
+export * from "./Content";
+export * from "./ParsedParagraph";
+export * from "./PersonPreview";
+export * from "./SidePeoplePanel";

src/components/pages/question/index.ts

@@ -0,0 +1 @@
+export * from "./QuestionsNavigation";