From dbe5f9602806a0efc04e054b8cdedfddd31fd835 Mon Sep 17 00:00:00 2001 From: BFlat Date: Thu, 10 Aug 2023 10:32:27 +0700 Subject: [PATCH] moved components into their folders --- .../src/components/common/Input.tsx | 36 ------------------- .../components/common/{ => Panel}/Panel.tsx | 0 .../common/{ => ShareButton}/ShareButton.tsx | 0 .../PageHeaderModelView.tsx | 2 +- .../vc/vc_model_edit/VcModelEditPage.tsx | 9 +++-- .../vc/vc_model_view/VcModelViewPage.tsx | 6 ++-- 6 files changed, 11 insertions(+), 42 deletions(-) delete mode 100644 packages/fakeyou.com/src/components/common/Input.tsx rename packages/fakeyou.com/src/components/common/{ => Panel}/Panel.tsx (100%) rename packages/fakeyou.com/src/components/common/{ => ShareButton}/ShareButton.tsx (100%) rename packages/fakeyou.com/src/components/{common => layout/PageHeaderModelView}/PageHeaderModelView.tsx (97%) diff --git a/packages/fakeyou.com/src/components/common/Input.tsx b/packages/fakeyou.com/src/components/common/Input.tsx deleted file mode 100644 index 7b0b631faa..0000000000 --- a/packages/fakeyou.com/src/components/common/Input.tsx +++ /dev/null @@ -1,36 +0,0 @@ -import React from "react"; -import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; -import { IconDefinition } from "@fortawesome/fontawesome-svg-core"; - -interface InputProps { - onChange?: (event: React.ChangeEvent) => void; - value?: string; - icon?: IconDefinition; - label?: string; - placeholder?: string; - type?: string; -} - -export default function Input(props: InputProps) { - return ( -
- {props.label && } - -
- {props.icon && ( - - )} - -
-
- ); -} diff --git a/packages/fakeyou.com/src/components/common/Panel.tsx b/packages/fakeyou.com/src/components/common/Panel/Panel.tsx similarity index 100% rename from packages/fakeyou.com/src/components/common/Panel.tsx rename to packages/fakeyou.com/src/components/common/Panel/Panel.tsx diff --git a/packages/fakeyou.com/src/components/common/ShareButton.tsx b/packages/fakeyou.com/src/components/common/ShareButton/ShareButton.tsx similarity index 100% rename from packages/fakeyou.com/src/components/common/ShareButton.tsx rename to packages/fakeyou.com/src/components/common/ShareButton/ShareButton.tsx diff --git a/packages/fakeyou.com/src/components/common/PageHeaderModelView.tsx b/packages/fakeyou.com/src/components/layout/PageHeaderModelView/PageHeaderModelView.tsx similarity index 97% rename from packages/fakeyou.com/src/components/common/PageHeaderModelView.tsx rename to packages/fakeyou.com/src/components/layout/PageHeaderModelView/PageHeaderModelView.tsx index 5bba14cc92..3216c1e369 100644 --- a/packages/fakeyou.com/src/components/common/PageHeaderModelView.tsx +++ b/packages/fakeyou.com/src/components/layout/PageHeaderModelView/PageHeaderModelView.tsx @@ -1,5 +1,5 @@ import React from "react"; -import Panel from "./Panel"; +import Panel from "../../common/Panel/Panel"; interface PageHeaderModelViewProps { titleIcon?: React.ReactNode; diff --git a/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_edit/VcModelEditPage.tsx b/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_edit/VcModelEditPage.tsx index ec601802f4..8e85eb0d3f 100644 --- a/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_edit/VcModelEditPage.tsx +++ b/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_edit/VcModelEditPage.tsx @@ -1,14 +1,18 @@ import React from "react"; import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper"; import { useParams } from "react-router-dom"; -import Input from "components/common/Input"; -import Panel from "components/common/Panel"; +import Input from "components/common/Input/Input"; +import Panel from "components/common/Panel/Panel"; import { faUser } from "@fortawesome/pro-solid-svg-icons"; interface VcModelEditPageProps { sessionWrapper: SessionWrapper; } +const handleChange = (event: React.ChangeEvent) => { + console.log(event.target.value); +}; + export default function VcModelEditPage(props: VcModelEditPageProps) { let { token } = useParams() as { token: string }; return ( @@ -19,6 +23,7 @@ export default function VcModelEditPage(props: VcModelEditPageProps) { type="text" placeholder="Username" icon={faUser} + onChange={handleChange} /> diff --git a/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_view/VcModelViewPage.tsx b/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_view/VcModelViewPage.tsx index 22551e8b52..e428557465 100644 --- a/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_view/VcModelViewPage.tsx +++ b/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_view/VcModelViewPage.tsx @@ -10,16 +10,16 @@ import { } from "@fortawesome/pro-solid-svg-icons"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { FrontendInferenceJobType } from "@storyteller/components/src/jobs/InferenceJob"; -import Panel from "components/common/Panel"; +import Panel from "components/common/Panel/Panel"; import { Link, useParams } from "react-router-dom"; import { SessionVoiceConversionResultsList } from "v2/view/_common/SessionVoiceConversionResultsList"; import { SessionSubscriptionsWrapper } from "@storyteller/components/src/session/SessionSubscriptionsWrapper"; -import PageHeaderModelView from "components/common/PageHeaderModelView"; +import PageHeaderModelView from "components/layout/PageHeaderModelView/PageHeaderModelView"; import { CommentComponent } from "v2/view/_common/comments/CommentComponent"; import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper"; import { RatingButtons } from "v2/view/_common/ratings/RatingButtons"; import { RatingStats } from "v2/view/_common/ratings/RatingStats"; -import ShareButton from "components/common/ShareButton"; +import ShareButton from "components/common/ShareButton/ShareButton"; interface VcModelViewPageProps { sessionWrapper: SessionWrapper;