mirror of
https://github.com/storytold/artcraft.git
synced 2026-11-04 17:38:10 +00:00
not found section styling
This commit is contained in:
1 parent
c0e479c987
commit
04f3c5eb07
7 files changed
+84
-9
No files matched your search
@@ -76,7 +76,14 @@ function ProfileFc(props: Props) {
|
||||
if (notFoundState) {
|
||||
return (
|
||||
<div className="container py-5">
|
||||
<h1 className="text-center fw-bold">User not found</h1>
|
||||
<div className="py-5">
|
||||
<h1 className="fw-semibold text-center mb-4">User not found</h1>
|
||||
<div className="text-center">
|
||||
<Link className="btn btn-primary" to="/">
|
||||
Back to main
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -31,7 +31,7 @@ import {
|
||||
faExclamationCircle,
|
||||
faXmark,
|
||||
} from "@fortawesome/free-solid-svg-icons";
|
||||
import { useParams } from "react-router-dom";
|
||||
import { useParams, Link } from "react-router-dom";
|
||||
import { distance, delay, duration } from "../../../../data/animation";
|
||||
const Fade = require("react-reveal/Fade");
|
||||
|
||||
@@ -95,7 +95,18 @@ function TtsEditCategoriesPage(props: Props) {
|
||||
}, [token, getModel, listTtsCategories, listTtsCategoriesForModel]);
|
||||
|
||||
if (notFoundState) {
|
||||
return <h1 className="title is-1">Model not found</h1>;
|
||||
return (
|
||||
<div className="container py-5">
|
||||
<div className="py-5">
|
||||
<h1 className="fw-semibold text-center mb-4">Model not found</h1>
|
||||
<div className="text-center">
|
||||
<Link className="btn btn-primary" to="/">
|
||||
Back to main
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
if (!ttsModel) {
|
||||
|
||||
@@ -2,7 +2,7 @@ import React, { useState, useEffect, useCallback } from "react";
|
||||
import { ApiConfig } from "@storyteller/components";
|
||||
import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper";
|
||||
import { TtsInferenceJob } from "@storyteller/components/src/jobs/TtsInferenceJobs";
|
||||
import { useParams, useHistory } from "react-router-dom";
|
||||
import { useParams, useHistory, Link } from "react-router-dom";
|
||||
import { FrontendUrlConfig } from "../../../../common/FrontendUrlConfig";
|
||||
import { VisibleIconFc } from "../../_icons/VisibleIcon";
|
||||
import { HiddenIconFc } from "../../_icons/HiddenIcon";
|
||||
@@ -216,7 +216,18 @@ function TtsModelEditFc(props: Props) {
|
||||
};
|
||||
|
||||
if (notFoundState) {
|
||||
return <h1 className="title is-1">Model not found</h1>;
|
||||
return (
|
||||
<div className="container py-5">
|
||||
<div className="py-5">
|
||||
<h1 className="fw-semibold text-center mb-4">Model not found</h1>
|
||||
<div className="text-center">
|
||||
<Link className="btn btn-primary" to="/">
|
||||
Back to main
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
if (!ttsModel) {
|
||||
|
||||
@@ -140,7 +140,18 @@ function TtsModelViewFc(props: Props) {
|
||||
]);
|
||||
|
||||
if (notFoundState) {
|
||||
return <h1 className="title is-1">Model not found</h1>;
|
||||
return (
|
||||
<div className="container py-5">
|
||||
<div className="py-5">
|
||||
<h1 className="fw-semibold text-center mb-4">Model not found</h1>
|
||||
<div className="text-center">
|
||||
<Link className="btn btn-primary" to="/">
|
||||
Back to main
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
if (!ttsModel) {
|
||||
|
||||
@@ -57,7 +57,18 @@ function TtsResultViewFc(props: Props) {
|
||||
}, [token, getTtsResult]); // NB: Empty array dependency sets to run ONLY on mount
|
||||
|
||||
if (notFoundState) {
|
||||
return <h1 className="title is-1">TTS result not found</h1>;
|
||||
return (
|
||||
<div className="container py-5">
|
||||
<div className="py-5">
|
||||
<h1 className="fw-semibold text-center mb-4">TTS result not found</h1>
|
||||
<div className="text-center">
|
||||
<Link className="btn btn-primary" to="/">
|
||||
Back to main
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
if (!ttsInferenceResult) {
|
||||
|
||||
@@ -51,7 +51,20 @@ function W2lResultViewFc(props: Props) {
|
||||
}, [token, getInferenceResult]); // NB: Empty array dependency sets to run ONLY on mount
|
||||
|
||||
if (notFoundState) {
|
||||
return <h1 className="title is-1">Template result not found</h1>;
|
||||
return (
|
||||
<div className="container py-5">
|
||||
<div className="py-5">
|
||||
<h1 className="fw-semibold text-center mb-4">
|
||||
Template result not found
|
||||
</h1>
|
||||
<div className="text-center">
|
||||
<Link className="btn btn-primary" to="/">
|
||||
Back to main
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
if (!w2lInferenceResult) {
|
||||
|
||||
@@ -93,7 +93,18 @@ function W2lTemplateViewFc(props: Props) {
|
||||
}, [templateSlug, getTemplate, getTemplateUseCount]);
|
||||
|
||||
if (notFoundState) {
|
||||
return <h1 className="title is-1">Template not found</h1>;
|
||||
return (
|
||||
<div className="container py-5">
|
||||
<div className="py-5">
|
||||
<h1 className="fw-semibold text-center mb-4">Template not found</h1>
|
||||
<div className="text-center">
|
||||
<Link className="btn btn-primary" to="/">
|
||||
Back to main
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
if (!w2lTemplate) {
|
||||
|
||||
Reference in new issue
Block a user