diff --git a/packages/article-comments/src/article-comments.js b/packages/article-comments/src/article-comments.js
index e5582355bf..624436d78b 100644
--- a/packages/article-comments/src/article-comments.js
+++ b/packages/article-comments/src/article-comments.js
@@ -1,12 +1,11 @@
/* eslint-env browser */
-import React, { useEffect, useState } from "react";
+import React from "react";
import PropTypes from "prop-types";
import UserState from "@times-components/user-state";
import Comments from "./comments";
import DisabledComments from "./disabled-comments";
import JoinTheConversationDialog from "./join-the-conversation-dialog";
-import UserEntitlementState from "./user-entitlement-state";
const ArticleComments = ({
articleId,
@@ -17,33 +16,16 @@ const ArticleComments = ({
storefrontConfig,
domainSpecificUrl,
hasCommentingEntitlement
-}) => {
- // const [userEntitlementData, setUserEntitlementData] = useState(undefined);
-
- // useEffect(
- // () => {
- // const fetchUserEntitlements = async () => {
- // const response = await fetch("/api/get-user-entitlements");
- // const data = await response.json();
- // setUserEntitlementData(data);
- // };
-
- // if (typeof window !== "undefined" && isEntitlementFeatureEnabled) {
- // fetchUserEntitlements();
- // }
- // },
- // [isEntitlementFeatureEnabled]
- // );
-
- console.log('hasCommentingEntitlement%%%%%%%%%%%%%%%', hasCommentingEntitlement);
-
- return isEnabled && isCommentEnabled ? (
+}) =>
+ isEnabled && isCommentEnabled ? (
<>
hasCommentingEntitlement: {hasCommentingEntitlement}
+ {hasCommentingEntitlement && (hasCommentingEntitlement: {hasCommentingEntitlement}