From 0b4d121cf402a06e79ed850639605f85e9ea8a29 Mon Sep 17 00:00:00 2001
From: peolic <66393006+peolic@users.noreply.github.com>
Date: Fri, 27 May 2022 01:33:27 +0300
Subject: [PATCH] Add missing page titles (#411)

* Add missing page titles

* Remove class from `renderPerformer`
---
 frontend/src/components/editCard/renderEntity.tsx     | 6 +-----
 frontend/src/pages/performers/PerformerEditUpdate.tsx | 6 +++++-
 frontend/src/pages/scenes/SceneEditUpdate.tsx         | 6 +++++-
 frontend/src/pages/studios/StudioEditUpdate.tsx       | 6 +++++-
 frontend/src/pages/tags/TagEditUpdate.tsx             | 6 +++++-
 5 files changed, 21 insertions(+), 9 deletions(-)

diff --git a/frontend/src/components/editCard/renderEntity.tsx b/frontend/src/components/editCard/renderEntity.tsx
index 75d6a9ff9..a5077aa17 100644
--- a/frontend/src/components/editCard/renderEntity.tsx
+++ b/frontend/src/components/editCard/renderEntity.tsx
@@ -14,11 +14,7 @@ export const renderPerformer = (appearance: {
     "name" | "id" | "gender" | "name" | "disambiguation" | "deleted"
   >;
 }) => (
-  <Link
-    key={appearance.performer.id}
-    to={performerHref(appearance.performer)}
-    className="scene-performer"
-  >
+  <Link key={appearance.performer.id} to={performerHref(appearance.performer)}>
     <GenderIcon gender={appearance.performer.gender} />
     <PerformerName performer={appearance.performer} as={appearance.as} />
   </Link>
diff --git a/frontend/src/pages/performers/PerformerEditUpdate.tsx b/frontend/src/pages/performers/PerformerEditUpdate.tsx
index cbdfbbe8e..44fef8d89 100644
--- a/frontend/src/pages/performers/PerformerEditUpdate.tsx
+++ b/frontend/src/pages/performers/PerformerEditUpdate.tsx
@@ -7,6 +7,7 @@ import PerformerForm from "./performerForm";
 
 import { EditUpdate_findEdit as Edit } from "src/graphql/definitions/EditUpdate";
 import { ROUTE_EDIT } from "src/constants";
+import Title from "src/components/title";
 
 export const PerformerEditUpdate: FC<{ edit: Edit }> = ({ edit }) => {
   const history = useHistory();
@@ -57,12 +58,15 @@ export const PerformerEditUpdate: FC<{ edit: Edit }> = ({ edit }) => {
     });
   };
 
+  const performerName = edit.target?.name ?? edit.details.name;
+
   return (
     <div>
+      <Title page={`Update performer edit for "${performerName}"`} />
       <h3>
         Update performer edit for
         <i className="ms-2">
-          <b>{edit.target?.name ?? edit.details.name}</b>
+          <b>{performerName}</b>
         </i>
       </h3>
       <hr />
diff --git a/frontend/src/pages/scenes/SceneEditUpdate.tsx b/frontend/src/pages/scenes/SceneEditUpdate.tsx
index 2f3453d9a..e44c105f1 100644
--- a/frontend/src/pages/scenes/SceneEditUpdate.tsx
+++ b/frontend/src/pages/scenes/SceneEditUpdate.tsx
@@ -7,6 +7,7 @@ import SceneForm from "./sceneForm";
 
 import { EditUpdate_findEdit as Edit } from "src/graphql/definitions/EditUpdate";
 import { ROUTE_EDIT } from "src/constants";
+import Title from "src/components/title";
 
 export const SceneEditUpdate: FC<{ edit: Edit }> = ({ edit }) => {
   const history = useHistory();
@@ -46,12 +47,15 @@ export const SceneEditUpdate: FC<{ edit: Edit }> = ({ edit }) => {
     });
   };
 
+  const sceneTitle = edit.target?.title ?? edit.details.title;
+
   return (
     <div>
+      <Title page={`Update scene edit for "${sceneTitle}"`} />
       <h3>
         Update scene edit for
         <i className="ms-2">
-          <b>{edit.target?.title ?? edit.details.title}</b>
+          <b>{sceneTitle}</b>
         </i>
       </h3>
       <hr />
diff --git a/frontend/src/pages/studios/StudioEditUpdate.tsx b/frontend/src/pages/studios/StudioEditUpdate.tsx
index b6875644c..fc56edd9f 100644
--- a/frontend/src/pages/studios/StudioEditUpdate.tsx
+++ b/frontend/src/pages/studios/StudioEditUpdate.tsx
@@ -7,6 +7,7 @@ import StudioForm from "./studioForm";
 
 import { EditUpdate_findEdit as Edit } from "src/graphql/definitions/EditUpdate";
 import { ROUTE_EDIT } from "src/constants";
+import Title from "src/components/title";
 
 export const StudioEditUpdate: FC<{ edit: Edit }> = ({ edit }) => {
   const history = useHistory();
@@ -43,12 +44,15 @@ export const StudioEditUpdate: FC<{ edit: Edit }> = ({ edit }) => {
     });
   };
 
+  const studioName = edit?.target?.name ?? edit.details?.name;
+
   return (
     <div>
+      <Title page={`Update studio edit for "${studioName}"`} />
       <h3>
         Update studio edit for
         <i className="ms-2">
-          <b>{edit?.target?.name ?? edit.details?.name}</b>
+          <b>{studioName}</b>
         </i>
       </h3>
       <hr />
diff --git a/frontend/src/pages/tags/TagEditUpdate.tsx b/frontend/src/pages/tags/TagEditUpdate.tsx
index d3a32a9c9..d066b212e 100644
--- a/frontend/src/pages/tags/TagEditUpdate.tsx
+++ b/frontend/src/pages/tags/TagEditUpdate.tsx
@@ -7,6 +7,7 @@ import TagForm from "./tagForm";
 
 import { EditUpdate_findEdit as Edit } from "src/graphql/definitions/EditUpdate";
 import { ROUTE_EDIT } from "src/constants";
+import Title from "src/components/title";
 
 export const TagEditUpdate: FC<{ edit: Edit }> = ({ edit }) => {
   const history = useHistory();
@@ -40,12 +41,15 @@ export const TagEditUpdate: FC<{ edit: Edit }> = ({ edit }) => {
     });
   };
 
+  const tagName = edit.target?.name ?? edit.details.name;
+
   return (
     <div>
+      <Title page={`Update tag edit for "${tagName}"`} />
       <h3>
         Update tag edit for
         <i className="ms-2">
-          <b>{edit.target?.name ?? edit.details.name}</b>
+          <b>{tagName}</b>
         </i>
       </h3>
       <hr />