moved components into their folders

packages/fakeyou.com/src/components/common/Input.tsx

@@ -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<HTMLInputElement>) => void;
-  value?: string;
-  icon?: IconDefinition;
-  label?: string;
-  placeholder?: string;
-  type?: string;
-}
-
-export default function Input(props: InputProps) {
-  return (
-    <div>
-      {props.label && <label className="sub-title">{props.label}</label>}
-
-      <div className={`form-group ${props.icon ? "input-icon" : ""}`}>
-        {props.icon && (
-          <FontAwesomeIcon
-            icon={props.icon}
-            className="form-control-feedback"
-          />
-        )}
-        <input
-          onChange={props.onChange}
-          className="form-control"
-          type={props.type && "text"}
-          placeholder={props.placeholder}
-          value={props.value}
-        />
-      </div>
-    </div>
-  );
-}

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;

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<HTMLInputElement>) => {
+  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}
         />
       </Panel>
     </div>

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;