diff --git a/packages/fakeyou.com/src/components/layout/PageHeaderModelView/PageHeaderModelView.tsx b/packages/fakeyou.com/src/components/layout/PageHeaderModelView/PageHeaderModelView.tsx index b35f429fa2..bdabbc4f50 100644 --- a/packages/fakeyou.com/src/components/layout/PageHeaderModelView/PageHeaderModelView.tsx +++ b/packages/fakeyou.com/src/components/layout/PageHeaderModelView/PageHeaderModelView.tsx @@ -79,6 +79,18 @@ export default function PageHeaderModelView({ )} + + {view === "delete" && ( + + + + + {icon}Delete {modelType} Model + + + + + )} ); } diff --git a/packages/fakeyou.com/src/v2/view/PageContainer.tsx b/packages/fakeyou.com/src/v2/view/PageContainer.tsx index f85c1c0a52..f31874195a 100644 --- a/packages/fakeyou.com/src/v2/view/PageContainer.tsx +++ b/packages/fakeyou.com/src/v2/view/PageContainer.tsx @@ -80,6 +80,7 @@ import { CommunityCommissionsPage } from "./pages/contest/CommunityCommissionsPa import { ProductUsageInfoPage } from "./pages/product_usage_info/ProductUsageInfoPage"; import VcModelViewPage from "./pages/vc/vc_model_view/VcModelViewPage"; import VcModelEditPage from "./pages/vc/vc_model_edit/VcModelEditPage"; +import VcModelDeletePage from "./pages/vc/vc_model_delete/VcModelDeletePage"; interface Props { sessionWrapper: SessionWrapper; @@ -503,6 +504,10 @@ class PageContainer extends React.Component { /> + + + + diff --git a/packages/fakeyou.com/src/v2/view/pages/vc/VoiceDetails.tsx b/packages/fakeyou.com/src/v2/view/pages/vc/VoiceDetails.tsx new file mode 100644 index 0000000000..b485df477c --- /dev/null +++ b/packages/fakeyou.com/src/v2/view/pages/vc/VoiceDetails.tsx @@ -0,0 +1,7 @@ +import React from "react"; + +interface VoiceDetailsProps {} + +export default function VoiceDetails(props: VoiceDetailsProps) { + return VoiceDetails; +} diff --git a/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_delete/VcModelDeletePage.tsx b/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_delete/VcModelDeletePage.tsx new file mode 100644 index 0000000000..519dde8c17 --- /dev/null +++ b/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_delete/VcModelDeletePage.tsx @@ -0,0 +1,44 @@ +import React from "react"; +import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper"; +import { useParams } from "react-router-dom"; +import Panel from "components/common/Panel/Panel"; +import { faSave, faTrash } from "@fortawesome/pro-solid-svg-icons"; +import PageHeaderModelView from "components/layout/PageHeaderModelView/PageHeaderModelView"; +import Button from "components/common/Button/Button"; +import PageContainer from "components/common/PageContainer/PageContainer"; + +interface VcModelDeletePageProps { + sessionWrapper: SessionWrapper; +} + +const handleChange = (event: React.ChangeEvent) => { + console.log(event.target.value); +}; + +const handleSave = (e: React.MouseEvent) => { + console.log("save"); +}; + +const savebtn = Save Changes; + +export default function VcModelDeletePage(props: VcModelDeletePageProps) { + let { token } = useParams() as { token: string }; + return ( + + + + + + + + + + ); +} 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 74121c8f7a..1d803ec33c 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 @@ -64,7 +64,7 @@ export default function VcModelEditPage(props: VcModelEditPageProps) { label="Visibility" /> - +