Content warning fixups (#2432)

* Content warning fixups

- Require consent of logged in existing users.
- Prevent link clicks in blurred areas.
- Enable tippy again.
- Prevent stacking of countdowns for Back button.
- Fix auto expand blocking for images.

* Hide content warning for logged in users

src/server/utils/create-ssr-html.tsx

@@ -105,6 +105,7 @@ export async function createSsrHtml(
       -moz-filter: blur(10px);
       -o-filter: blur(10px);
       -ms-filter: blur(10px);
+      pointer-events: none;
     }
     </style>
 

src/shared/components/app/app.tsx

@@ -14,6 +14,7 @@ import "./styles.scss";
 import { Theme } from "./theme";
 import AnonymousGuard from "../common/anonymous-guard";
 import AdultConsentModal from "../common/adult-consent-modal";
+import { destroyTippy, setupTippy } from "../../tippy";
 
 function handleJumpToContent(event) {
   event.preventDefault();
@@ -23,6 +24,14 @@ export default class App extends Component<any, any> {
   private isoData: IsoDataOptionalSite = setIsoData(this.context);
   private readonly rootRef = createRef<HTMLDivElement>();
 
+  componentDidMount() {
+    setupTippy(this.rootRef);
+  }
+
+  componentWillUnmount() {
+    destroyTippy();
+  }
+
   render() {
     const siteRes = this.isoData.site_res;
     const siteView = siteRes?.site_view;

src/shared/components/common/adult-consent-modal.tsx

@@ -96,6 +96,7 @@ function handleAdultConsent(i: AdultConsentModal) {
 function handleAdultConsentGoBack(i: AdultConsentModal) {
   i.setState({ redirectCountdown: 5 });
 
+  clearInterval(i.redirectTimeout);
   i.redirectTimeout = setInterval(() => {
     i.setState(prev => ({
       ...prev,

src/shared/components/post/post-listing.tsx

@@ -103,7 +103,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
   private readonly isoData: IsoDataOptionalSite = setIsoData(this.context);
   state: PostListingState = {
     showEdit: false,
-    imageExpanded: !!this.isoData.site_res?.site_view.site.content_warning,
+    imageExpanded: false,
     viewSource: false,
     showAdvanced: false,
     showBody: false,
@@ -135,7 +135,10 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
   }
 
   componentDidMount(): void {
-    if (UserService.Instance.myUserInfo) {
+    if (
+      UserService.Instance.myUserInfo &&
+      !this.isoData.showAdultConsentModal
+    ) {
       const { auto_expand, blur_nsfw } =
         UserService.Instance.myUserInfo.local_user_view.local_user;
       this.setState({