not found section styling

This commit is contained in:
BFlat committed 2022-07-26 01:28:16 +01:00
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) {