mod icon, more new-style back links

vocodes/src/v2/view/NewFooterNavFc.tsx

@@ -3,6 +3,8 @@ import { SessionWrapper } from '../../session/SessionWrapper';
 import { Link } from 'react-router-dom';
 
 import './_css/footer.scss'
+import { ModerationIcon } from './_icons/ModerationIcon';
+import { FrontendUrlConfig } from '../../common/FrontendUrlConfig';
 
 interface Props {
   sessionWrapper: SessionWrapper,
@@ -15,7 +17,7 @@ function NewFooterNavFc(props: Props) {
   if (props.sessionWrapper.canBanUsers()) {
     moderationLink = (
       <div className="v2_mod_link">
-        <Link to="/moderation">&#xbb; Mod Controls</Link>
+        <Link to={FrontendUrlConfig.moderationMain()}><ModerationIcon /> Mod Controls</Link>
       </div>
     );
   }

vocodes/src/v2/view/_icons/ModerationIcon.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faUsersCog } from '@fortawesome/free-solid-svg-icons'
+
+export function ModerationIcon() {
+  return (
+      <FontAwesomeIcon icon={faUsersCog} />
+  );
+}
+

vocodes/src/v2/view/tts/tts_model_delete/TtsModelDeleteFc.tsx

@@ -4,6 +4,7 @@ import { ApiConfig } from '../../../../common/ApiConfig';
 import { FrontendUrlConfig } from '../../../../common/FrontendUrlConfig';
 import { SessionWrapper } from '../../../../session/SessionWrapper';
 import { useParams, Link, useHistory } from 'react-router-dom';
+import { BackLink } from '../../_common/BackLink';
 
 interface TtsModelViewResponsePayload {
   success: boolean,
@@ -199,7 +200,7 @@ function TtsModelDeleteFc(props: Props) {
       <h1 className="title is-1"> {h1Title} </h1>
       
       <p>
-        <Link to={modelLink}>&lt; Back to model</Link>
+        <BackLink link={modelLink} text="Back to model" />
       </p>
       
       <table className="table">
@@ -256,7 +257,7 @@ function TtsModelDeleteFc(props: Props) {
 
       <br />
       <br />
-      <Link to={modelLink}>&lt; Back to model</Link>
+      <BackLink link={modelLink} text="Back to model" />
     </div>
   )
 }

vocodes/src/v2/view/tts/tts_model_edit/TtsModelEditFc.tsx

@@ -3,10 +3,11 @@ import React, { useState, useEffect, useCallback } from 'react';
 import { ApiConfig } from '../../../../common/ApiConfig';
 import { SessionWrapper } from '../../../../session/SessionWrapper';
 import { TtsInferenceJob } from '../../../../App';
-import { useParams, Link, useHistory } from 'react-router-dom';
+import { useParams, useHistory } from 'react-router-dom';
 import { FrontendUrlConfig } from '../../../../common/FrontendUrlConfig';
 import { VisibleIconFc } from '../../_icons/VisibleIcon';
 import { HiddenIconFc } from '../../_icons/HiddenIcon';
+import { BackLink } from '../../_common/BackLink';
 
 const DEFAULT_VISIBILITY = 'public';
 
@@ -171,7 +172,7 @@ function TtsModelEditFc(props: Props) {
       <h1 className="title is-1"> Edit Model </h1>
 
       <p>
-        <Link to={modelLink}>&lt; Back to model</Link>
+        <BackLink link={modelLink} text="Back to model" />
       </p>
 
       <form onSubmit={handleFormSubmit}>

vocodes/src/v2/view/tts/tts_model_view/TtsModelViewFc.tsx

@@ -12,6 +12,7 @@ import { VisibleIconFc } from '../../_icons/VisibleIcon';
 import { GetTtsModel, TtsModel } from '../../../api/tts/GetTtsModel';
 import { GravatarFc } from '../../_common/GravatarFc';
 import { GetTtsModelUseCount } from '../../../api/tts/GetTtsModelUseCount';
+import { BackLink } from '../../_common/BackLink';
 
 interface Props {
   sessionWrapper: SessionWrapper,
@@ -232,7 +233,7 @@ function TtsModelViewFc(props: Props) {
       <h1 className="title is-1"> {title} </h1>
       
       <p>
-        <Link to="/">&lt; Back to all models</Link>
+        <BackLink link="/" text="Back to all models" />
       </p>
       
       <h4 className="title is-4"> Use Model </h4>
@@ -315,7 +316,7 @@ function TtsModelViewFc(props: Props) {
 
       <br />
       <br />
-      <Link to="/">&lt; Back to all models</Link>
+      <BackLink link="/" text="Back to all models" />
     </div>
   )
 }

vocodes/src/v2/view/w2l/w2l_template_edit/W2lTemplateEditFc.tsx

@@ -1,7 +1,7 @@
 import React, { useState, useEffect, useCallback } from 'react';
 import { ApiConfig } from '../../../../common/ApiConfig';
 import { SessionWrapper } from '../../../../session/SessionWrapper';
-import { useParams, Link, useHistory } from 'react-router-dom';
+import { useParams, useHistory } from 'react-router-dom';
 import { FrontendUrlConfig } from '../../../../common/FrontendUrlConfig';
 import { VisibleIconFc } from '../../_icons/VisibleIcon';
 import { HiddenIconFc } from '../../_icons/HiddenIcon';