[CORL-218] In Stream Approve and Reject (#2340)

* feat: instream moderation

* fix: tests

* test: add tests for in stream moderation

* fix: lint

* fix: snapshots

src/core/client/admin/routes/configure/sections/auth/components/FacebookConfig.tsx

@@ -51,7 +51,7 @@ const FacebookConfig: FunctionComponent<Props> = ({
       <HorizontalGutter size="double">
         <Localized
           id="configure-auth-facebook-toEnableIntegration"
-          link={<FacebookLink />}
+          Link={<FacebookLink />}
         >
           <Typography>
             To enable the integration with Facebook Authentication, you need to

src/core/client/admin/routes/configure/sections/auth/components/GoogleConfig.tsx

@@ -49,7 +49,7 @@ const GoogleConfig: FunctionComponent<Props> = ({ disabled, callbackURL }) => (
       <HorizontalGutter size="double">
         <Localized
           id="configure-auth-google-toEnableIntegration"
-          link={<GoogleLink />}
+          Link={<GoogleLink />}
         >
           <Typography>
             To enable the integration with Google Authentication you need to

src/core/client/admin/routes/configure/sections/auth/components/OIDCConfig.tsx

@@ -70,7 +70,7 @@ const OIDCConfig: FunctionComponent<Props> = ({
     >
       {disabledInside => (
         <HorizontalGutter size="double">
-          <Localized id="configure-auth-oidc-toLearnMore" link={<OIDCLink />}>
+          <Localized id="configure-auth-oidc-toLearnMore" Link={<OIDCLink />}>
             <Typography>
               {"To learn more: https://openid.net/connect/"}
             </Typography>

src/core/client/admin/routes/moderate/components/InReplyTo.tsx

@@ -19,13 +19,13 @@ const InReplyTo: FunctionComponent<Props> = ({ children }) => {
   return (
     <Flex alignItems="center">
       <Icon className={styles.icon}>reply</Icon>{" "}
-      <Localized id="moderate-comment-inReplyTo" username={<Username />}>
+      <Localized id="moderate-comment-inReplyTo" Username={<Username />}>
         <Typography
           variant="timestamp"
           container="span"
           className={styles.inReplyTo}
         >
-          {"Reply to <username><username>"}
+          {"Reply to <Username></Username>"}
         </Typography>
       </Localized>
     </Flex>

src/core/client/admin/routes/moderate/components/ModerateCard.tsx

@@ -91,7 +91,6 @@ const ModerateCard: FunctionComponent<Props> = ({
                   className={styles.link}
                   href={viewContextHref}
                   target="_blank"
-                  external
                 >
                   View Context
                 </TextLink>
@@ -108,7 +107,6 @@ const ModerateCard: FunctionComponent<Props> = ({
                   <TextLink
                     className={styles.link}
                     href={storyHref}
-                    target="_blank"
                     onClick={onModerateStory}
                   >
                     Moderate Story

src/core/client/admin/routes/moderate/components/__snapshots__/InReplyTo.spec.tsx.snap

@@ -11,15 +11,15 @@ exports[`renders correctly 1`] = `
   </ForwardRef(forwardRef)>
    
   <Localized
+    Username={<Username />}
     id="moderate-comment-inReplyTo"
-    username={<Username />}
   >
     <ForwardRef(forwardRef)
       className="InReplyTo-inReplyTo"
       container="span"
       variant="timestamp"
     >
-      Reply to &lt;username&gt;&lt;username&gt;
+      Reply to &lt;Username&gt;&lt;/Username&gt;
     </ForwardRef(forwardRef)>
   </Localized>
 </ForwardRef(forwardRef)>

src/core/client/admin/routes/moderate/components/__snapshots__/ModerateCard.spec.tsx.snap

@@ -48,7 +48,6 @@ exports[`renders accepted correctly 1`] = `
             >
               <withPropsOnChange(TextLinkProps)
                 className="ModerateCard-link"
-                external={true}
                 href="http://localhost/comment"
                 target="_blank"
               >
@@ -146,7 +145,6 @@ exports[`renders correctly 1`] = `
             >
               <withPropsOnChange(TextLinkProps)
                 className="ModerateCard-link"
-                external={true}
                 href="http://localhost/comment"
                 target="_blank"
               >
@@ -243,7 +241,6 @@ exports[`renders dangling correctly 1`] = `
             >
               <withPropsOnChange(TextLinkProps)
                 className="ModerateCard-link"
-                external={true}
                 href="http://localhost/comment"
                 target="_blank"
               >
@@ -342,7 +339,6 @@ exports[`renders rejected correctly 1`] = `
             >
               <withPropsOnChange(TextLinkProps)
                 className="ModerateCard-link"
-                external={true}
                 href="http://localhost/comment"
                 target="_blank"
               >
@@ -445,7 +441,6 @@ exports[`renders reply correctly 1`] = `
             >
               <withPropsOnChange(TextLinkProps)
                 className="ModerateCard-link"
-                external={true}
                 href="http://localhost/comment"
                 target="_blank"
               >
@@ -542,7 +537,6 @@ exports[`renders story info 1`] = `
             >
               <withPropsOnChange(TextLinkProps)
                 className="ModerateCard-link"
-                external={true}
                 href="http://localhost/comment"
                 target="_blank"
               >
@@ -574,7 +568,6 @@ exports[`renders story info 1`] = `
                 className="ModerateCard-link"
                 href="/story"
                 onClick={[Function]}
-                target="_blank"
               >
                 Moderate Story
               </withPropsOnChange(TextLinkProps)>