From c1684a5401c3fefb36b49f7cfb191a9731174d74 Mon Sep 17 00:00:00 2001
From: Baba Kamyljanov <babakamyljanov@ssw.com.au>
Date: Fri, 18 Oct 2024 16:12:25 +0800
Subject: [PATCH 1/6] removed the link to profile page in dropdown

---
 src/components/dropdown-card/dropdown-card.js |  9 ---------
 src/style.css                                 | 20 -------------------
 2 files changed, 29 deletions(-)

diff --git a/src/components/dropdown-card/dropdown-card.js b/src/components/dropdown-card/dropdown-card.js
index 24fed0dd6..bc058dcfe 100644
--- a/src/components/dropdown-card/dropdown-card.js
+++ b/src/components/dropdown-card/dropdown-card.js
@@ -20,15 +20,6 @@ const DropdownCard = ({ setOpen }) => {
           </a>
         </div>
         <hr />
-        <button
-          className="dropdown-user-btn-container"
-          onClick={() => {
-            setOpen(false);
-            navigate('/profile');
-          }}
-        >
-          Your Profile
-        </button>
         <button
           className="dropdown-signout-btn-container"
           onClick={() => {
diff --git a/src/style.css b/src/style.css
index 85e63e3e5..41fcd397b 100644
--- a/src/style.css
+++ b/src/style.css
@@ -1519,26 +1519,6 @@ div.bad-example {
   margin: 0.15rem 0.2rem 0 0;
 }
 
-.dropdown-user-btn-container:before {
-  content: "\f007";
-  font-family: FontAwesome;
-  font-size: 1.5rem !important;
-  margin: 0rem 1rem;
-}
-
-.dropdown-user-btn-container {
-  color: #666666;
-  display: flex;
-  align-items: center;
-  margin-left: 0;
-  margin-bottom: 0.5rem;
-  font-size: 0.9rem;
-}
-
-.dropdown-user-btn-container:hover {
-  @apply text-ssw-red !important;
-}
-
 .dropdown-signout-btn-container:before {
   content: "\f08b";
   font-family: FontAwesome;

From 9273d1078275c57e549bea19e1b62b4c8a712c4e Mon Sep 17 00:00:00 2001
From: Baba Kamyljanov <babakamyljanov@ssw.com.au>
Date: Fri, 18 Oct 2024 16:17:37 +0800
Subject: [PATCH 2/6] removed unused props

---
 src/components/dropdown-card/dropdown-card.js |  3 +--
 src/components/dropdown-icon/dropdown-icon.js | 11 ++---------
 2 files changed, 3 insertions(+), 11 deletions(-)

diff --git a/src/components/dropdown-card/dropdown-card.js b/src/components/dropdown-card/dropdown-card.js
index bc058dcfe..a091fede6 100644
--- a/src/components/dropdown-card/dropdown-card.js
+++ b/src/components/dropdown-card/dropdown-card.js
@@ -1,10 +1,9 @@
 import React from 'react';
-import { navigate } from 'gatsby';
 import PropTypes from 'prop-types';
 import { useAuth0 } from '@auth0/auth0-react';
 import GitHubIcon from '-!svg-react-loader!../../images/github.svg';
 
-const DropdownCard = ({ setOpen }) => {
+const DropdownCard = () => {
   const { logout, user } = useAuth0();
   return (
     <>
diff --git a/src/components/dropdown-icon/dropdown-icon.js b/src/components/dropdown-icon/dropdown-icon.js
index 6cb630b63..2e27a5ca4 100644
--- a/src/components/dropdown-icon/dropdown-icon.js
+++ b/src/components/dropdown-icon/dropdown-icon.js
@@ -1,9 +1,8 @@
 import React, { useState, useEffect, useRef } from 'react';
-import PropTypes from 'prop-types';
 import DropdownBadge from '../dropdown-badge/dropdown-badge';
 import DropdownCard from '../dropdown-card/dropdown-card';
 
-const DropdownIcon = ({ displayActions }) => {
+const DropdownIcon = () => {
   const [open, setOpen] = useState(false);
 
   const drop = useRef(null);
@@ -21,15 +20,9 @@ const DropdownIcon = ({ displayActions }) => {
   return (
     <div className="dropdown" ref={drop}>
       <DropdownBadge onClick={() => setOpen((open) => !open)} />
-      {open && (
-        <DropdownCard setOpen={setOpen} displayActions={displayActions} />
-      )}
+      {open && <DropdownCard />}
     </div>
   );
 };
 
-DropdownIcon.propTypes = {
-  displayActions: PropTypes.bool,
-};
-
 export default DropdownIcon;

From a799930d065a1c496c5dfbda983842f35352cdfa Mon Sep 17 00:00:00 2001
From: Baba Kamyljanov <babakamyljanov@ssw.com.au>
Date: Fri, 18 Oct 2024 16:54:06 +0800
Subject: [PATCH 3/6] delete profiles pages

---
 gatsby-node.js                                |   7 -
 site-config.js                                |   1 -
 .../profile-content/profile-content.js        | 475 ------------------
 .../profile-filter-menu.js                    | 200 --------
 src/pages/profile.js                          | 173 -------
 src/style.css                                 | 246 +--------
 6 files changed, 6 insertions(+), 1096 deletions(-)
 delete mode 100644 src/components/profile-content/profile-content.js
 delete mode 100644 src/components/profile-filter-menu/profile-filter-menu.js
 delete mode 100644 src/pages/profile.js

diff --git a/gatsby-node.js b/gatsby-node.js
index 8c05d8b5e..94a3b0407 100644
--- a/gatsby-node.js
+++ b/gatsby-node.js
@@ -239,13 +239,6 @@ exports.createPages = async ({ graphql, actions }) => {
       });
     });
   });
-
-  const profilePage = require.resolve('./src/pages/profile.js');
-  createPage({
-    path: `${siteConfig.pathPrefix}/people/`,
-    matchPath: `${siteConfig.pathPrefix}/people/:gitHubUsername`,
-    component: profilePage,
-  });
 };
 
 exports.sourceNodes = async ({ actions, createNodeId }) => {
diff --git a/site-config.js b/site-config.js
index 2f2e4f34c..ac7344299 100644
--- a/site-config.js
+++ b/site-config.js
@@ -6,7 +6,6 @@ const titles = {
   '/user/': `User Rules`,
   '/orphaned/': `Orphaned Rules`,
   '/archived/': `Archived Rules`,
-  '/profile/': `Profile`,
 };
 
 module.exports = {
diff --git a/src/components/profile-content/profile-content.js b/src/components/profile-content/profile-content.js
deleted file mode 100644
index f9574b9a1..000000000
--- a/src/components/profile-content/profile-content.js
+++ /dev/null
@@ -1,475 +0,0 @@
-/* eslint-disable no-undef */
-/* eslint-disable quotes */
-import React, { useEffect, useState, useRef } from 'react';
-import PropTypes from 'prop-types';
-import { Link } from 'gatsby';
-import {
-  GetBookmarksForUser,
-  GetAllLikedDisliked,
-  RemoveBookmark,
-  RemoveReaction,
-  GetDisqusUserCommentsList,
-  RemoveUserCommentsAccount,
-  GetUser,
-  DisqusError,
-} from '../../services/apiService';
-import { useAuthService } from '../../services/authService';
-import BookmarkIcon from '-!svg-react-loader!../../images/bookmarkIcon.svg';
-import DisqusIcon from '-!svg-react-loader!../../images/disqusIcon.svg';
-
-import MD from 'gatsby-custom-md';
-import GreyBox from '../greybox/greybox';
-import { useAuth0 } from '@auth0/auth0-react';
-import { Filter } from '../profile-filter-menu/profile-filter-menu';
-
-import CommentsNotConnected from '../comments-not-connected/comments-not-connected';
-import DisableDisqusPrivacy from '../disable-disqus-privacy/disable-disqus-privacy';
-import RadioButton from '../radio-button/radio-button';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import {
-  faArrowCircleRight,
-  faQuoteLeft,
-  faFileLines,
-  faBook,
-} from '@fortawesome/free-solid-svg-icons';
-import useAppInsights from '../../hooks/useAppInsights';
-
-const ProfileContent = (props) => {
-  const [bookmarkedRules, setBookmarkedRules] = useState([]);
-  const [superLikedRulesList, setSuperLikedRules] = useState([]);
-  const [likedRulesList, setLikedRules] = useState([]);
-  const [dislikedRulesList, setDislikedRules] = useState([]);
-  const [superDislikedRulesList, setSuperDislikedRules] = useState([]);
-  const [commentedRulesList, setCommentedRulesList] = useState([]);
-  const [userCommentsConnected, setUserCommentsConnected] = useState(true);
-  const [disqusPrivacyEnabled, setDisqusPrivacyEnabled] = useState(false);
-  const [change, setChange] = useState(0);
-  const [viewStyle, setViewStyle] = useState('titleOnly');
-  const { user, isAuthenticated } = useAuth0();
-  const { fetchIdToken } = useAuthService();
-  const { trackException } = useAppInsights();
-  const handleOptionChange = (e) => {
-    setViewStyle(e.target.value);
-  };
-
-  async function onRemoveClick(ruleGuid) {
-    const jwt = await fetchIdToken();
-    if (
-      isAuthenticated &&
-      window.confirm('Are you sure you want to remove this tag?')
-    ) {
-      props.filter == Filter.Bookmarks
-        ? RemoveBookmark({ ruleGuid: ruleGuid, UserId: user.sub }, jwt)
-            .then(() => {
-              setChange(change + 1);
-              props.setState(props.state + 1);
-            })
-            .catch((err) => {
-              trackException(err, 3);
-            })
-        : RemoveReaction({ ruleGuid: ruleGuid, UserId: user.sub }, jwt)
-            .then(() => {
-              setChange(change + 1);
-            })
-            .catch((err) => {
-              trackException(err, 3);
-            });
-    }
-  }
-
-  function getBookmarkList() {
-    GetBookmarksForUser(user.sub)
-      .then((success) => {
-        const allRules = props.data.allMarkdownRemark.nodes;
-        const bookmarkedGuids =
-          success.bookmarkedRules.size != 0
-            ? success.bookmarkedRules.map((r) => r.ruleGuid)
-            : null;
-        const bookmarkedRulesMap = allRules.filter((value) =>
-          bookmarkedGuids.includes(value.frontmatter.guid)
-        );
-        const bookmarkedRulesSpread = bookmarkedRulesMap.map((r) => ({
-          ...r.frontmatter,
-          excerpt: r.excerpt,
-          htmlAst: r.htmlAst,
-        }));
-        setBookmarkedRules(bookmarkedRulesSpread);
-        props.setBookmarkedRulesCount(bookmarkedRulesSpread.length);
-      })
-      .catch((err) => {
-        trackException(err, 3);
-      });
-  }
-
-  async function setCommentedRulesFromGuids(response) {
-    const commentedRuleGuids = response.map((post) => {
-      if (post.forum == process.env.DISQUS_FORUM) {
-        return post.thread.identifiers[0];
-      }
-    });
-
-    const allRules = props.data.allMarkdownRemark.nodes;
-
-    const commentedRulesMap = allRules.filter((value) =>
-      commentedRuleGuids.includes(value.frontmatter.guid)
-    );
-
-    const commentedRulesSpread = commentedRulesMap.map((r) => ({
-      ...r.frontmatter,
-      excerpt: r.excerpt,
-      htmlAst: r.htmlAst,
-    }));
-    if (commentedRulesSpread) {
-      setCommentedRulesList(commentedRulesSpread);
-      props.setCommentedRulesCount(commentedRulesSpread.length);
-    }
-  }
-
-  async function getUserComments() {
-    const jwt = await fetchIdToken();
-    GetUser(user.sub, jwt).then((success) => {
-      if (!success) {
-        trackException(err, 3);
-        return;
-      }
-
-      setUserCommentsConnected(success.commentsConnected);
-      if (!success.commentsConnected) {
-        setCommentedRulesList([]);
-      } else {
-        GetDisqusUserCommentsList(success.user.commentsUserId)
-          .then((success) => {
-            if (success.code == DisqusError.AccessTooLow) {
-              // eslint-disable-next-line no-console
-              console.log('This error was expected and handled');
-              setDisqusPrivacyEnabled(true);
-            } else {
-              setCommentedRulesFromGuids(success.response);
-            }
-          })
-          .catch((err) => {
-            trackException(err, 3);
-          });
-      }
-    });
-  }
-
-  function getLikesDislikesLists() {
-    GetAllLikedDisliked(user.sub)
-      .then((success) => {
-        const allRules = props.data.allMarkdownRemark.nodes;
-        const reactedGuids = success.likesDislikedRules.map((r) => r.ruleGuid);
-        const reactedRules = allRules.filter((value) =>
-          reactedGuids.includes(value.frontmatter.guid)
-        );
-        const superLikedRules = reactedRules
-          .map((r) => ({
-            ...r.frontmatter,
-            excerpt: r.excerpt,
-            htmlAst: r.htmlAst,
-            type: success.likesDislikedRules
-              .filter((v) => v.ruleGuid == r.frontmatter.guid)
-              .map((r) => r.type),
-          }))
-          .filter((rr) => rr.type[0] == Filter.SuperLikes);
-        setSuperLikedRules(superLikedRules);
-        props.setSuperLikedRulesCount(superLikedRules.length);
-
-        const likedRules = reactedRules
-          .map((r) => ({
-            ...r.frontmatter,
-            excerpt: r.excerpt,
-            htmlAst: r.htmlAst,
-            type: success.likesDislikedRules
-              .filter((v) => v.ruleGuid == r.frontmatter.guid)
-              .map((r) => r.type),
-          }))
-          .filter((rr) => rr.type[0] == Filter.Likes);
-        setLikedRules(likedRules ? likedRules : []);
-        props.setLikedRulesCount(likedRules.length);
-
-        const dislikedRules = reactedRules
-          .map((r) => ({
-            ...r.frontmatter,
-            excerpt: r.excerpt,
-            htmlAst: r.htmlAst,
-            type: success.likesDislikedRules
-              .filter((v) => v.ruleGuid == r.frontmatter.guid)
-              .map((r) => r.type),
-          }))
-          .filter((rr) => rr.type[0] == Filter.Dislikes);
-        setDislikedRules(dislikedRules ? dislikedRules : []);
-        props.setDislikedRulesCount(dislikedRules.length);
-
-        const superDislikedRules = reactedRules
-          .map((r) => ({
-            ...r.frontmatter,
-            excerpt: r.excerpt,
-            htmlAst: r.htmlAst,
-            type: success.likesDislikedRules
-              .filter((v) => v.ruleGuid == r.frontmatter.guid)
-              .map((r) => r.type),
-          }))
-          .filter((rr) => rr.type[0] == Filter.SuperDislikes);
-        setSuperDislikedRules(superDislikedRules);
-        props.setSuperDislikedRulesCount(superDislikedRules.length);
-      })
-      .catch((err) => {
-        trackException(err, 3);
-      });
-  }
-
-  useEffect(() => {
-    if (isAuthenticated) {
-      getBookmarkList();
-      getLikesDislikesLists();
-      getUserComments();
-    }
-  }, [isAuthenticated, props.filter, change, props.state]);
-  return (
-    <>
-      <div className="border-b border-solid border-b-gray-100 grid grid-cols-1 gap-5 p-4 text-center lg:grid-cols-5">
-        <div></div>
-        <RadioButton
-          id="customRadioInline1"
-          name="customRadioInline1"
-          value="titleOnly"
-          selectedOption={viewStyle}
-          handleOptionChange={handleOptionChange}
-          labelText="View titles only"
-          icon={faQuoteLeft}
-        />
-        <RadioButton
-          id="customRadioInline3"
-          name="customRadioInline1"
-          value="blurb"
-          selectedOption={viewStyle}
-          handleOptionChange={handleOptionChange}
-          labelText="Show blurb"
-          icon={faFileLines}
-        />
-        <RadioButton
-          id="customRadioInline2"
-          name="customRadioInline1"
-          value="all"
-          selectedOption={viewStyle}
-          handleOptionChange={handleOptionChange}
-          labelText="Gimme everything!"
-          icon={faBook}
-        />
-      </div>
-      {bookmarkedRules && likedRulesList && dislikedRulesList ? (
-        <RuleList
-          userCommentsConnected={userCommentsConnected}
-          disqusPrivacyEnabled={disqusPrivacyEnabled}
-          rules={
-            props.filter == Filter.Bookmarks
-              ? bookmarkedRules
-              : props.filter == Filter.SuperLikes
-                ? superLikedRulesList
-                : props.filter == Filter.Likes
-                  ? likedRulesList
-                  : props.filter == Filter.Dislikes
-                    ? dislikedRulesList
-                    : props.filter == Filter.SuperDislikes
-                      ? superDislikedRulesList
-                      : commentedRulesList
-          }
-          viewStyle={viewStyle}
-          setState={props.setState}
-          state={props.state}
-          type={
-            props.filter == Filter.Bookmarks
-              ? 'bookmark'
-              : props.filter == Filter.Likes
-                ? 'agree'
-                : props.filter == Filter.Dislikes
-                  ? 'disagree'
-                  : props.filter == Filter.SuperDislikes
-                    ? 'no way'
-                    : props.filter == Filter.SuperLikes
-                      ? 'love'
-                      : 'comment'
-          }
-          onRemoveClick={onRemoveClick}
-        />
-      ) : (
-        <p className="no-content-message">Loading...</p>
-      )}
-    </>
-  );
-};
-ProfileContent.propTypes = {
-  data: PropTypes.object.isRequired,
-  filter: PropTypes.number.isRequired,
-  setState: PropTypes.func.isRequired,
-  state: PropTypes.number.isRequired,
-  setBookmarkedRulesCount: PropTypes.func.isRequired,
-  setSuperLikedRulesCount: PropTypes.func.isRequired,
-  setLikedRulesCount: PropTypes.func.isRequired,
-  setDislikedRulesCount: PropTypes.func.isRequired,
-  setSuperDislikedRulesCount: PropTypes.func.isRequired,
-  setCommentedRulesCount: PropTypes.func.isRequired,
-};
-
-const RuleList = ({
-  rules,
-  viewStyle,
-  type,
-  onRemoveClick,
-  userCommentsConnected,
-  setState,
-  state,
-  disqusPrivacyEnabled,
-}) => {
-  const linkRef = useRef();
-  const iconClass = type.replace(/\s+/g, '-');
-
-  const components = {
-    greyBox: GreyBox,
-  };
-  const { user } = useAuth0();
-  const { fetchIdToken } = useAuthService();
-
-  async function RemoveDisqusUser() {
-    const jwt = await fetchIdToken();
-    RemoveUserCommentsAccount({ UserId: user.sub }, jwt)
-      .then(() => {
-        setState(state + 1);
-      })
-      .catch((err) => {
-        trackException(err, 3);
-      });
-  }
-
-  useEffect(() => {}, [userCommentsConnected, state]);
-
-  return (
-    <>
-      {rules.length == 0 ? (
-        type == 'comment' ? (
-          !userCommentsConnected ? (
-            <CommentsNotConnected
-              userCommentsConnected={userCommentsConnected}
-              state={state}
-              setState={setState}
-              key={type}
-            />
-          ) : disqusPrivacyEnabled ? (
-            <DisableDisqusPrivacy />
-          ) : (
-            <>
-              <div className="no-content-message">
-                <p className="no-tagged-message">
-                  No comment? Don{"'"}t be shy!
-                </p>
-              </div>
-            </>
-          )
-        ) : (
-          <>
-            <div className="no-content-message">
-              <p className="no-tagged-message">
-                {type == 'bookmark'
-                  ? 'No bookmarks? Use them to save rules for later!'
-                  : type == 'love'
-                    ? 'Nothing here yet, show us the rules you love!'
-                    : type == 'agree'
-                      ? `There should be more here, don${"'"}t you agree?`
-                      : type == 'disagree'
-                        ? 'What a happy chap you are, no disagreements here!'
-                        : `Let us know what you don${"'"}t like, we are here to improve!`}
-              </p>
-            </div>
-          </>
-        )
-      ) : (
-        <div className="p-12">
-          <ol className="rule-number">
-            {rules.map((rule) => {
-              return (
-                <li key={rule.guid}>
-                  <section className="rule-content-title pl-2 pb-4">
-                    <div className="heading-container">
-                      <h2 className={`rule-heading-${iconClass}`}>
-                        <Link ref={linkRef} to={`/${rule.uri}`}>
-                          {rule.title}
-                        </Link>
-                      </h2>
-
-                      {type == 'bookmark' ? (
-                        <BookmarkIcon
-                          className="profile-bookmark-icon"
-                          color="#cc4141"
-                        />
-                      ) : (
-                        ''
-                      )}
-                      {type == 'comment' ? (
-                        <div className="disqus-tooltip">
-                          <a
-                            className="disqus-comment-link"
-                            href={rule.uri + '#disqus_thread'}
-                          >
-                            <DisqusIcon />
-                          </a>
-                          <span className="tooltiptext">See on rule</span>{' '}
-                        </div>
-                      ) : (
-                        <button
-                          className="remove-item"
-                          onClick={() => onRemoveClick(rule.guid)}
-                        ></button>
-                      )}
-                    </div>
-                  </section>
-                  <section
-                    className={`rule-content px-4 mb-4
-                            ${viewStyle === 'all' ? 'visible' : 'hidden'}`}
-                  >
-                    <MD components={components} htmlAst={rule.htmlAst} />
-                  </section>
-                  <section
-                    className={`rule-content px-4 mb-4 pb-4
-                            ${viewStyle === 'blurb' ? 'visible' : 'hidden'}`}
-                  >
-                    <div dangerouslySetInnerHTML={{ __html: rule.excerpt }} />
-                    <p className="pt-5 pb-0">
-                      <Link
-                        ref={linkRef}
-                        to={`/${rule.uri}`}
-                        title={`Read more about ${rule.title}`}
-                      >
-                        <FontAwesomeIcon icon={faArrowCircleRight} /> Read more
-                      </Link>
-                    </p>
-                  </section>
-                </li>
-              );
-            })}
-          </ol>
-        </div>
-      )}
-      {type == 'comment' && userCommentsConnected ? (
-        <button className="disconnect-acc-button" onClick={RemoveDisqusUser}>
-          Disconnect Disqus account <DisqusIcon />
-        </button>
-      ) : (
-        <></>
-      )}
-    </>
-  );
-};
-
-RuleList.propTypes = {
-  rules: PropTypes.array.isRequired,
-  viewStyle: PropTypes.string.isRequired,
-  type: PropTypes.string.isRequired,
-  onRemoveClick: PropTypes.func.isRequired,
-  userCommentsConnected: PropTypes.bool,
-  setState: PropTypes.func,
-  state: PropTypes.number,
-  disqusPrivacyEnabled: PropTypes.bool,
-};
-
-export default ProfileContent;
diff --git a/src/components/profile-filter-menu/profile-filter-menu.js b/src/components/profile-filter-menu/profile-filter-menu.js
deleted file mode 100644
index d7c88e0f5..000000000
--- a/src/components/profile-filter-menu/profile-filter-menu.js
+++ /dev/null
@@ -1,200 +0,0 @@
-/* eslint-disable no-console */
-/* eslint-disable jsx-a11y/no-static-element-interactions */
-/* eslint-disable jsx-a11y/click-events-have-key-events */
-import React from 'react';
-import PropTypes from 'prop-types';
-import BookmarkIcon from '-!svg-react-loader!../../images/bookmarkIcon.svg';
-import DisqusIcon from '-!svg-react-loader!../../images/disqusIcon.svg';
-
-const ProfileFilterMenu = ({
-  selectedFilter,
-  setSelectedFilter,
-  superLikedRulesCount,
-  likedRulesCount,
-  dislikedRulesCount,
-  superDislikedRulesCount,
-  bookmarkedRulesCount,
-  commentedRulesCount,
-}) => {
-  return (
-    <>
-      <div className="filter-menu">
-        <div
-          className="menu-item"
-          style={
-            selectedFilter == Filter.Bookmarks
-              ? {
-                  gridColumn: 1,
-                  borderBottom: '0.25rem solid #cc4141',
-                  paddingBottom: '0.25rem',
-                }
-              : { gridColumn: 1 }
-          }
-          onClick={() => {
-            setSelectedFilter(Filter.Bookmarks);
-          }}
-        >
-          Bookmarks
-          <BookmarkIcon
-            className={
-              selectedFilter != Filter.Bookmarks
-                ? 'filter-menu-bookmark-icon'
-                : 'filter-menu-bookmark-icon-pressed'
-            }
-          />
-          <div className="mx-1">{bookmarkedRulesCount ?? 0}</div>
-        </div>
-        <div
-          className="menu-item"
-          style={
-            selectedFilter == Filter.Comments
-              ? {
-                  gridColumn: 2,
-                  borderBottom: '0.25rem solid #cc4141',
-                  paddingBottom: '0.25rem',
-                }
-              : { gridColumn: 2 }
-          }
-          onClick={() => {
-            setSelectedFilter(Filter.Comments);
-          }}
-        >
-          Comments
-          <DisqusIcon
-            className={
-              selectedFilter != Filter.Comments
-                ? 'filter-menu-disqus-icon'
-                : 'filter-menu-disqus-icon-pressed'
-            }
-          />
-          <div className="mx-2">{commentedRulesCount ?? 0}</div>
-        </div>
-        <div
-          className="menu-item"
-          style={
-            selectedFilter == Filter.SuperLikes
-              ? {
-                  gridColumn: 3,
-                  borderBottom: '0.25rem solid #cc4141',
-                  paddingBottom: '0.25rem',
-                }
-              : { gridColumn: 3 }
-          }
-          onClick={() => {
-            setSelectedFilter(Filter.SuperLikes);
-          }}
-        >
-          <div
-            className={
-              selectedFilter != Filter.SuperLikes
-                ? 'love-title'
-                : 'love-title-pressed'
-            }
-          >
-            Love it
-          </div>
-          <div className="mx-1">{superLikedRulesCount ?? 0}</div>
-        </div>
-        <div
-          className="menu-item"
-          style={
-            selectedFilter == Filter.Likes
-              ? {
-                  gridColumn: 4,
-                  borderBottom: '0.25rem solid #cc4141',
-                  paddingBottom: '0.25rem',
-                }
-              : { gridColumn: 4 }
-          }
-          onClick={() => {
-            setSelectedFilter(Filter.Likes);
-          }}
-        >
-          <div
-            className={
-              selectedFilter != Filter.Likes
-                ? 'agree-title'
-                : 'agree-title-pressed'
-            }
-          >
-            Agree
-          </div>
-          <div className="mx-1">{likedRulesCount ?? 0}</div>
-        </div>
-        <div
-          className="menu-item"
-          style={
-            selectedFilter == Filter.Dislikes
-              ? {
-                  gridColumn: 5,
-                  borderBottom: '0.25rem solid #cc4141',
-                  paddingBottom: '0.25rem',
-                }
-              : { gridColumn: 5 }
-          }
-          onClick={() => {
-            setSelectedFilter(Filter.Dislikes);
-          }}
-        >
-          <div
-            className={
-              selectedFilter != Filter.Dislikes
-                ? 'disagree-title'
-                : 'disagree-title-pressed'
-            }
-          >
-            Disagree
-          </div>
-          <div className="mx-1">{dislikedRulesCount ?? 0}</div>
-        </div>
-        <div
-          className="menu-item"
-          style={
-            selectedFilter == Filter.SuperDislikes
-              ? {
-                  gridColumn: 6,
-                  borderBottom: '0.25rem solid #cc4141',
-                  paddingBottom: '0.25rem',
-                }
-              : { gridColumn: 6 }
-          }
-          onClick={() => {
-            setSelectedFilter(Filter.SuperDislikes);
-          }}
-        >
-          <div
-            className={
-              selectedFilter != Filter.SuperDislikes
-                ? 'super-disagree-title'
-                : 'super-disagree-title-pressed'
-            }
-          >
-            No way
-          </div>
-          <div className="mx-1">{superDislikedRulesCount ?? 0}</div>
-        </div>
-      </div>
-    </>
-  );
-};
-
-ProfileFilterMenu.propTypes = {
-  selectedFilter: PropTypes.number.isRequired,
-  setSelectedFilter: PropTypes.func.isRequired,
-  superLikedRulesCount: PropTypes.number,
-  likedRulesCount: PropTypes.number,
-  dislikedRulesCount: PropTypes.number,
-  superDislikedRulesCount: PropTypes.number,
-  bookmarkedRulesCount: PropTypes.number,
-  commentedRulesCount: PropTypes.number,
-};
-
-export const Filter = {
-  Comments: 5,
-  Bookmarks: 4,
-  SuperLikes: 3,
-  Likes: 2,
-  Dislikes: 1,
-  SuperDislikes: 0,
-};
-export default ProfileFilterMenu;
diff --git a/src/pages/profile.js b/src/pages/profile.js
deleted file mode 100644
index 05dce2404..000000000
--- a/src/pages/profile.js
+++ /dev/null
@@ -1,173 +0,0 @@
-/* eslint-disable no-console */
-import React, { useEffect, useState } from 'react';
-import PropTypes from 'prop-types';
-import { useStaticQuery, graphql } from 'gatsby';
-import Breadcrumb from '../components/breadcrumb/breadcrumb';
-import ProfileBadge from '../components/profile-badge/profile-badge';
-import ProfileContent from '../components/profile-content/profile-content';
-import ProfileFilterMenu from '../components/profile-filter-menu/profile-filter-menu';
-import GitHubIcon from '-!svg-react-loader!../images/github.svg';
-import DisqusIcon from '-!svg-react-loader!../images/disqusIcon.svg';
-import { useAuth0 } from '@auth0/auth0-react';
-import { GetUser } from '../services/apiService';
-import { useAuthService } from '../services/authService';
-import useAppInsights from '../hooks/useAppInsights';
-
-const Profile = ({ data, gitHubUsername }) => {
-  const [selectedFilter, setSelectedFilter] = useState(4);
-  const [state, setState] = useState(0);
-  const { user, isAuthenticated, loginWithRedirect } = useAuth0();
-  const { fetchIdToken } = useAuthService();
-  const [commentsConnected, setCommentsConnected] = useState(false);
-  const [bookmarkedRulesCount, setBookmarkedRulesCount] = useState();
-  const [superLikedRulesCount, setSuperLikedRulesCount] = useState();
-  const [likedRulesCount, setLikedRulesCount] = useState();
-  const [dislikedRulesCount, setDislikedRulesCount] = useState();
-  const [superDislikedRulesCount, setSuperDislikedRulesCount] = useState();
-  const [commentedRulesCount, setCommentedRulesCount] = useState();
-  const { trackException } = useAppInsights();
-
-  async function CheckUser() {
-    const jwt = await fetchIdToken();
-    GetUser(user.sub, jwt)
-      .then((success) => {
-        setCommentsConnected(success.commentsConnected);
-      })
-      .catch((err) => {
-        trackException(err, 3);
-      });
-  }
-
-  useEffect(() => {
-    if (isAuthenticated) {
-      CheckUser();
-    }
-  }, [state, user]);
-  if (isAuthenticated) {
-    return (
-      <>
-        <Breadcrumb title="Profile" />
-        <div className="rule-category rounded">
-          <section className="mb-20 pb-2 rounded">
-            <div className="profile-header rounded-t">
-              <div className="grid-container">
-                <div className="profile-image">
-                  <ProfileBadge size="6.25rem" />
-                </div>
-                <div className="profile-large-name">
-                  {isAuthenticated ? user.name : ''}
-                </div>
-                <a
-                  className="github-link"
-                  href={`https://www.github.com/${user.nickname}`}
-                  target="_blank"
-                  rel="noreferrer"
-                >
-                  <GitHubIcon className="profile-github-icon" />
-                  GitHub account
-                </a>
-                {commentsConnected ? (
-                  <a
-                    className="disqus-link"
-                    target="_blank"
-                    rel="noreferrer"
-                    href="https://disqus.com/home"
-                  >
-                    <DisqusIcon className="profile-disqus-icon" />
-                    Disqus account
-                  </a>
-                ) : null}
-              </div>
-              <ProfileFilterMenu
-                selectedFilter={selectedFilter}
-                setSelectedFilter={setSelectedFilter}
-                bookmarkedRulesCount={bookmarkedRulesCount}
-                superLikedRulesCount={superLikedRulesCount}
-                likedRulesCount={likedRulesCount}
-                dislikedRulesCount={dislikedRulesCount}
-                superDislikedRulesCount={superDislikedRulesCount}
-                commentedRulesCount={commentedRulesCount}
-                change={state}
-              />
-            </div>
-            <div>
-              <ProfileContent
-                data={data}
-                filter={selectedFilter}
-                setState={setState}
-                state={state}
-                setBookmarkedRulesCount={setBookmarkedRulesCount}
-                setSuperLikedRulesCount={setSuperLikedRulesCount}
-                setLikedRulesCount={setLikedRulesCount}
-                setDislikedRulesCount={setDislikedRulesCount}
-                setSuperDislikedRulesCount={setSuperDislikedRulesCount}
-                setCommentedRulesCount={setCommentedRulesCount}
-              />
-            </div>
-          </section>
-        </div>
-      </>
-    );
-  } else {
-    return (
-      <div className="no-content-message">
-        <button
-          onClick={async () => {
-            const currentPage =
-              typeof window !== 'undefined'
-                ? window.location.pathname.split('/').pop()
-                : null;
-            await loginWithRedirect({
-              appState: {
-                targetUrl: currentPage,
-              },
-            });
-          }}
-        >
-          Login to view profile
-        </button>
-        <div>{gitHubUsername}</div>
-      </div>
-    );
-  }
-};
-Profile.propTypes = {
-  data: PropTypes.object.isRequired,
-  gitHubUsername: PropTypes.string,
-};
-
-function ProfileWithQuery(props) {
-  const data = useStaticQuery(graphql`
-    query ProfilePageQuery {
-      allMarkdownRemark(filter: { frontmatter: { type: { eq: "rule" } } }) {
-        nodes {
-          excerpt(format: HTML, pruneLength: 500)
-          frontmatter {
-            title
-            uri
-            guid
-            authors {
-              title
-            }
-          }
-          htmlAst
-        }
-      }
-    }
-  `);
-
-  return <Profile data={data} {...props} />;
-}
-
-ProfilePage.propTypes = {
-  gitHubUsername: PropTypes.string,
-  props: PropTypes.any,
-};
-
-export default function ProfilePage({ gitHubUsername, props }) {
-  return (
-    <>
-      <ProfileWithQuery gitHubUsername={gitHubUsername} {...props} />
-    </>
-  );
-}
diff --git a/src/style.css b/src/style.css
index 41fcd397b..0414faaa8 100644
--- a/src/style.css
+++ b/src/style.css
@@ -816,7 +816,7 @@ blockquote :last-child {
 }
 
 .rule-content a:hover,
-.rule-category a:hover:not(.github-link, .disqus-link, .get-username-btn::after) {
+.rule-category a:hover:not(.github-link, .get-username-btn::after) {
   text-decoration:underline;
   @apply text-ssw-red; 
 }
@@ -1342,7 +1342,7 @@ div.bad-example {
   margin-top: 0;
 }
 
-.tooltip, .react-tooltip, .disqus-tooltip, .info-tooltip, .forgot-username-tooltip {
+.tooltip, .react-tooltip, .info-tooltip, .forgot-username-tooltip {
   position: relative;
   margin: 2px 0;
   height: 2.5rem;
@@ -1398,11 +1398,6 @@ div.bad-example {
   margin-left: -58px;
 }
 
-.disqus-tooltip {
-  margin: auto 1rem auto auto;
-  height: 3rem;
-}
-
 .info-tooltip {
   margin: 1.85rem auto 0 0;
 }
@@ -1441,13 +1436,6 @@ div.bad-example {
   width: 80px;
 }
 
-.disqus-tooltip .tooltiptext {
-  margin-left: 0 !important;
-  bottom: 2.5rem;
-  left: -1.6rem;
-  width: 5rem;
-}
-
 .info-tooltip .tooltiptext {
   left: 65%;
   margin-left: -79px;
@@ -1473,7 +1461,7 @@ div.bad-example {
 }
 
 /* Show the tooltip text when you mouse over the tooltip container */
-.tooltip:hover .tooltiptext, .react-tooltip:hover .tooltiptext, .disqus-tooltip:hover .tooltip, .info-tooltip:hover .tooltiptext, .forgot-username-tooltip:hover .tooltiptext{
+.tooltip:hover .tooltiptext, .react-tooltip:hover .tooltiptext, .info-tooltip:hover .tooltiptext, .forgot-username-tooltip:hover .tooltiptext{
   visibility: visible;
   opacity: 1;
   padding: 0.3rem !important;
@@ -1557,20 +1545,6 @@ div.bad-example {
   z-index: 21;
 }
 
-/* Profile Page
--------------------------------------------------- */
-
-.no-content-message {
-  text-align: center;
-  margin: 2rem auto;
-}
-
-.profile-header {
-  background-color: #f5f5f5;
-  padding: 3rem;
-  height: auto;
-}
-
 .grid-container {
   display: grid;
   grid-template-columns: 8rem auto auto;
@@ -1590,22 +1564,6 @@ div.bad-example {
   height: 6.25rem;
 }
 
-.profile-github-icon {
-  margin: 0.2rem 0.25rem 0 0;
-}
-
-.profile-disqus-icon {
-  margin: 0.1rem 0.1rem 0 -0.15rem;
-  height: 1.3rem;
-  width: 1.3rem;
-  fill: #CC4141;
-}
-
-.profile-image {
-  grid-row-start: 1;
-  grid-row-end: 3;
-}
-
 @media screen and (max-width: 600px) {
   .rule-content {
     padding: 1rem;
@@ -1613,23 +1571,7 @@ div.bad-example {
   .reaction-grid {
     grid-template-columns: auto 2rem 0.5rem 1.5rem 2.2rem 0.5rem 1.5rem 2.2rem 0.5rem 1.5rem 2.3rem 1rem auto;
   }
-  .profile-image {
-    visibility: hidden;
-    grid-column: 1;
-    height: 0
-  }
-  .profile-bookmark-icon, .profile-like-icon, .profile-dislike-icon{
-    display: none !important;
-  }
-  .profile-large-name {
-    grid-column: 1;
-  }
-  .profile-github-icon {
-    margin: 0.2rem 0 0 0;
-    height: 1rem;
-    width: 1.8rem;
-  }
-  .github-link, .disqus-link {
+  .github-link {
     grid-column: 1 !important;
     padding-top: 0.75rem;
   }
@@ -1642,9 +1584,6 @@ div.bad-example {
   .rule-content-title {
     padding: 0 !important;
   }
-  .remove-item {
-    padding: 0 !important;
-  }
 }
 @media screen and (max-width: 1024px) {
   .radio-button-1 {
@@ -1656,32 +1595,9 @@ div.bad-example {
   .radio-button-3 {
     grid-column: unset !important;
   }
-  .profile-large-name {
-    font-size: 1.75rem !important;
-  }
-}
-@media screen and (max-width: 800px) {
-  .filter-menu {
-    grid-template-columns: auto !important;
-    margin-left: auto;
-    margin-right: auto;
-    left: 0 !important;
-    top: 2rem !important;
-  }
-  .menu-item {
-    grid-column: 1 !important;
-  }
-  .profile-header {
-    height: auto;
-  }
 }
 
-.profile-large-name {
-  font-size: 1.75rem;
-  grid-row: 1;
-}
-
-.github-link, .disqus-link {
+.github-link {
   width: fit-content;
   font-size: 14;
   @apply text-ssw-red !important;
@@ -1693,23 +1609,10 @@ div.bad-example {
   grid-column: 2;
 }
 
-.disqus-link {
-  grid-row: 3;
-  grid-column: 2;
-}
-
-.github-link:hover, .disqus-link:hover {
+.github-link:hover {
   opacity: 0.8;
 }
 
-.filter-menu {
-  top: 3rem;
-  position: relative;
-  display: grid;
-  grid-template-columns: auto auto auto auto auto auto auto; 
-  column-gap: 1rem;
-}
-
 .radio-button-1 {
   grid-column: 2;
 }
@@ -1720,50 +1623,6 @@ div.bad-example {
   grid-column: 4;
 }
 
-.menu-item {
- padding: 0 0.5rem 0.5rem;
- text-align: center;
- position: relative;
- display: flex;
- margin: auto;
- white-space: nowrap;
-}
-
-.menu-item:hover {
-  padding: 0 0.5rem 0.25rem;
-  border-bottom: 0.25rem solid #CC4141;
-  cursor: pointer;
-}
-
-.menu-item:hover .agree-title:after, .menu-item:hover .love-title:after, .menu-item:hover .disagree-title:after, .menu-item:hover .comments-title:after, .menu-item:hover .super-disagree-title:after, .menu-item:hover .filter-menu-bookmark-icon {
-  @apply text-ssw-red; 
-}
-
-.bookmarks-item:after, .love-title:after, .love-title-pressed:after, .agree-title:after, .agree-title-pressed:after, .super-disagree-title:after, .super-disagree-title-pressed:after, .disagree-title:after, .disagree-title-pressed:after, .comments-title:after, .comments-title-pressed:after  {
-  padding-left: 0.5rem;
-  font-family: FontAwesome;
-}
-
-.love-title:after, .love-title-pressed:after {
-  content: '\f004';
-}
-
-.agree-title:after, .agree-title-pressed:after {
-  content: '\f164';
-} 
-
-.disagree-title:after, .disagree-title-pressed:after {
-  content: '\f165';
-}
-
-.super-disagree-title:after, .super-disagree-title-pressed:after {
-  content: '\f05e';
-}
-
-.love-title-pressed:after, .agree-title-pressed:after, .disagree-title-pressed:after, .super-disagree-title-pressed:after {
-  @apply text-ssw-red; 
-}
-
 .heading-container {
   display: inline-flex;
   background: #f5f5f5;
@@ -1778,34 +1637,6 @@ div.bad-example {
   margin: 0.5rem 0.8rem;
 }
 
-.profile-bookmark-icon, .profile-like-icon, .profile-dislike-icon  {
-  height: 2rem;
-  font-size: 1.8rem !important;
-  margin: auto auto auto 0;
-}
-
-.filter-menu-bookmark-icon, .filter-menu-bookmark-icon-pressed {
-  margin: auto;
-  margin-right: -0.5rem;
-  height: 1rem;
-  width: 1.8rem;
-}
-
-.filter-menu-bookmark-icon-pressed {
-  @apply text-ssw-red; 
-}
-
-.filter-menu-disqus-icon, .filter-menu-disqus-icon-pressed {
-  margin: auto;
-  margin-right: -0.5rem;
-  height: 1.5rem;
-  width: 1.5rem;
-}
-
-.filter-menu-disqus-icon-pressed {
-  @apply text-ssw-red; 
-}
-
 .rule-heading-love:after {
   content: '\f004';
   font-family: FontAwesome;
@@ -1835,46 +1666,11 @@ div.bad-example {
   margin-left: 1rem;
 }
 
-.remove-item, .disqus-comment-link {
-  margin-left: auto;
-  right: 3rem;
-  margin: auto 1rem auto auto;
-  font-size: 1.8rem !important;
-}
-
-.disqus-comment-link {
-  cursor: pointer;
-}
-
-.disqus-comment-link svg {
-  height: 50px;
-}
-
-.remove-item {
-  width: 1.6rem;
-}
-
-.remove-item:after {
-  content: '\f057';
-  font-family: FontAwesome;
-  color: #ddd;
-}
-
-.remove-item:hover:after {
-  @apply text-ssw-red !important;
-}
-
 .gavel-icon {
   height: 50px;
   margin-top: 10px;
 }
 
-.no-tagged-message:before {
-  font-family: FontAwesome;
-  content: '\f00d';
-  margin-right: 0.5rem;
-}
-
 .username-input-box, .username-input-box-error {
   border: 0.1rem solid rgb(136, 136, 136);
   border-radius: 5px;
@@ -1906,36 +1702,6 @@ div.bad-example {
   font-size: 1rem !important;
 }
 
-.disconnect-acc-button {
-  margin: 0 4.2rem 1rem auto;
-  cursor: pointer;
-  display: flex;
-  vertical-align: middle;
-  font-size: 1rem;
-  color: #666;
-}
-
-.disconnect-acc-button:before {
-  display: inline-block;
-  font-family: FontAwesome;
-  content: '\f00d';
-  text-decoration: none !important;
-  margin: auto;
-  font-size: 1.1rem;
-  margin-top: -0.02rem;
-  padding-right: 0.4rem;
-}
-
-.disconnect-acc-button svg {
-  height: 1.6rem;
-  width: 1.6rem;
-  margin-left: .3rem;
-}
-
-.disconnect-acc-button:hover {
-  @apply text-ssw-red; 
-}
-
 .connect-acc-container {
   text-align: center;
   margin: 2rem auto;

From fb675c121394d48bcbb6dfd9a6775628a982d974 Mon Sep 17 00:00:00 2001
From: Baba Kamyljanov <babakamyljanov@ssw.com.au>
Date: Fri, 18 Oct 2024 17:31:04 +0800
Subject: [PATCH 4/6] cleaned up apiService.js

---
 src/services/apiService.js | 61 --------------------------------------
 1 file changed, 61 deletions(-)

diff --git a/src/services/apiService.js b/src/services/apiService.js
index 07cd12fed..364e1309e 100644
--- a/src/services/apiService.js
+++ b/src/services/apiService.js
@@ -1,68 +1,7 @@
-/* Reactions */
-
 const API_URL = process.env.API_BASE_URL + '/api';
 const GITHUB_API_PAT = process.env.GITHUB_API_PAT;
 const DISQUS_API_KEY = process.env.DISQUS_API_KEY;
 
-export async function GetReactionForUser(ruleId, userId) {
-  var query = userId
-    ? `${API_URL}/GetReactionsFunction?rule_guid=${ruleId}&user_id=${userId}`
-    : `${API_URL}/GetReactionsFunction?rule_guid=${ruleId}`;
-  const response = await fetch(query);
-  return await response.json();
-}
-
-export async function GetAllLikedDisliked(userId) {
-  var query = `${API_URL}/GetAllReactionsFunction?&user_id=${userId}`;
-  const response = await fetch(query);
-  return await response.json();
-}
-
-export async function PostReactionForUser(data, token) {
-  const isEmpty = Object.values(data).some((x) => x == null);
-  if (!data || isEmpty) {
-    return {
-      error: true,
-      message: 'Data is empty or in the wrong format',
-    };
-  }
-
-  const response = await fetch(`${API_URL}/ReactFunction`, {
-    method: 'POST',
-    headers: {
-      Authorization: `Bearer ${token}`,
-      'Content-Type': 'application/json',
-    },
-    body: JSON.stringify(data),
-  });
-  return response.json();
-}
-
-export const ReactionType = {
-  SuperLike: 3,
-  Like: 2,
-  DisLike: 1,
-  SuperDisLike: 0,
-};
-
-export async function RemoveReaction(data, token) {
-  if (!data || Object.values(data).some((x) => !x)) {
-    return {
-      error: true,
-      message: 'Data is empty or in the wrong format',
-    };
-  }
-  const response = await fetch(`${API_URL}/RemoveReactionFunction`, {
-    method: 'POST',
-    headers: {
-      Authorization: `Bearer ${token}`,
-      'Content-Type': 'application/json',
-    },
-    body: JSON.stringify(data),
-  });
-  return response.json();
-}
-
 /* Bookmarks */
 
 export async function GetBookmarksForUser(userId, ruleId) {

From 1d9825bcb4a20f102f7c13c5b2029cd3160f8e7f Mon Sep 17 00:00:00 2001
From: Baba Kamyljanov <babakamyljanov@ssw.com.au>
Date: Fri, 18 Oct 2024 17:36:39 +0800
Subject: [PATCH 5/6] remove unused var

---
 gatsby-node.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/gatsby-node.js b/gatsby-node.js
index 94a3b0407..16d1564dd 100644
--- a/gatsby-node.js
+++ b/gatsby-node.js
@@ -1,4 +1,3 @@
-const siteConfig = require('./site-config');
 const { createFilePath } = require('gatsby-source-filesystem');
 const appInsights = require('applicationinsights');
 const WebpackAssetsManifest = require('webpack-assets-manifest');

From cb9555001042d9d04ac6f5e1f72f25e9b86d7a89 Mon Sep 17 00:00:00 2001
From: Baba Kamyljanov <babakamyljanov@ssw.com.au>
Date: Thu, 24 Oct 2024 14:41:26 +0800
Subject: [PATCH 6/6] delete more stuff

---
 .../comments-not-connected.js                 | 100 ------------------
 src/services/apiService.js                    |  72 -------------
 src/style.css                                 |  87 +--------------
 3 files changed, 3 insertions(+), 256 deletions(-)
 delete mode 100644 src/components/comments-not-connected/comments-not-connected.js

diff --git a/src/components/comments-not-connected/comments-not-connected.js b/src/components/comments-not-connected/comments-not-connected.js
deleted file mode 100644
index 1e8723c1a..000000000
--- a/src/components/comments-not-connected/comments-not-connected.js
+++ /dev/null
@@ -1,100 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import PropTypes from 'prop-types';
-
-import {
-  GetDisqusUser,
-  ConnectUserCommentsAccount,
-  DisqusError,
-} from '../../services/apiService';
-import { useAuthService } from '../../services/authService';
-import DisqusIcon from '-!svg-react-loader!../../images/disqusIcon.svg';
-
-import { useAuth0 } from '@auth0/auth0-react';
-import useAppInsights from '../../hooks/useAppInsights';
-
-const CommentsNotConnected = ({ userCommentsConnected, setState, state }) => {
-  const [disqusUsername, setDisqusUsername] = useState();
-  const [errorMessage, setErrorMessage] = useState(null);
-
-  const { user } = useAuth0();
-  const { fetchIdToken } = useAuthService();
-
-  const { trackException } = useAppInsights();
-
-  function connectAccounts() {
-    if (disqusUsername) {
-      GetDisqusUser(disqusUsername)
-        .then(async (success) => {
-          if (success.code == DisqusError.InvalidArg) {
-            setErrorMessage('Username does not exist');
-          }
-          const jwt = await fetchIdToken();
-          ConnectUserCommentsAccount(
-            {
-              UserId: user.sub,
-              CommentsUserId: success.response.id,
-            },
-            jwt
-          )
-            .then((response) => {
-              setState(state + 1);
-              if (response == 409) {
-                setErrorMessage(
-                  'Another user is already using this comments account'
-                );
-              }
-            })
-            .catch((err) => {
-              trackException(err, 3);
-            });
-        })
-        .catch((err) => {
-          trackException(err, 3);
-        });
-    }
-  }
-
-  useEffect(() => {}, [userCommentsConnected, state]);
-  return (
-    <div className="connect-acc-container">
-      <DisqusIcon className="disqus-large-icon" />
-      <div className="form">
-        <div>
-          <input
-            className={
-              !errorMessage ? 'username-input-box' : 'username-input-box-error'
-            }
-            type="text"
-            name="disqusId"
-            value={disqusUsername}
-            placeholder="Enter Disqus Username"
-            onChange={(e) => setDisqusUsername(e.target.value)}
-          />
-          <div className="forgot-username-tooltip">
-            {/* eslint-disable-next-line jsx-a11y/anchor-has-content */}
-            <a
-              href="https://disqus.com/home/"
-              target="_blank"
-              rel="noreferrer"
-              className="get-username-btn unstyled"
-            />
-            <span className="tooltiptext">Forgot username? </span>
-          </div>
-          <p className="error-text">{errorMessage}</p>
-        </div>
-
-        <button className="connect-acc-button" onClick={connectAccounts}>
-          Connect Account
-        </button>
-      </div>
-    </div>
-  );
-};
-
-CommentsNotConnected.propTypes = {
-  userCommentsConnected: PropTypes.bool,
-  setState: PropTypes.func,
-  state: PropTypes.number,
-};
-
-export default CommentsNotConnected;
diff --git a/src/services/apiService.js b/src/services/apiService.js
index 364e1309e..af4d52b60 100644
--- a/src/services/apiService.js
+++ b/src/services/apiService.js
@@ -1,6 +1,5 @@
 const API_URL = process.env.API_BASE_URL + '/api';
 const GITHUB_API_PAT = process.env.GITHUB_API_PAT;
-const DISQUS_API_KEY = process.env.DISQUS_API_KEY;
 
 /* Bookmarks */
 
@@ -110,74 +109,3 @@ export async function GetSecretContent(Id, token) {
   });
   return response.json();
 }
-
-/* User */
-
-export async function GetUser(userId, token) {
-  const response = await fetch(`${API_URL}/GetUserFunction?user_id=${userId}`, {
-    method: 'GET',
-    headers: {
-      Authorization: `Bearer ${token}`,
-    },
-  });
-
-  if (!response.ok) return null;
-
-  return response.json();
-}
-
-export async function ConnectUserCommentsAccount(data, token) {
-  if (!data || Object.values(data).some((x) => !x)) {
-    return {
-      error: true,
-      message: 'Data is empty or in the wrong format',
-    };
-  }
-  const response = await fetch(`${API_URL}/ConnectUserCommentsFunction`, {
-    method: 'POST',
-    headers: {
-      'Content-Type': 'application/json',
-      Authorization: `Bearer ${token}`,
-    },
-    body: JSON.stringify(data),
-  });
-  return response.status;
-}
-
-export async function RemoveUserCommentsAccount(data, token) {
-  if (!data || Object.values(data).some((x) => !x)) {
-    return {
-      error: true,
-      message: 'Data is empty or in the wrong format',
-    };
-  }
-  await fetch(`${API_URL}/RemoveUserCommentsAccountFunction`, {
-    method: 'POST',
-    headers: {
-      'Content-Type': 'application/json',
-      Authorization: `Bearer ${token}`,
-    },
-    body: JSON.stringify(data),
-  });
-}
-
-export async function GetDisqusUser(commentsUsername) {
-  const response = await fetch(
-    `https://disqus.com/api/3.0/users/details.json?user=username:${commentsUsername}&api_key=${DISQUS_API_KEY}`
-  );
-  return response.json();
-}
-
-/* Comments */
-export async function GetDisqusUserCommentsList(commentsUserId) {
-  const response = await fetch(
-    `https://disqus.com/api/3.0/users/listPosts.json?user=${commentsUserId}&api_key=${DISQUS_API_KEY}&related=thread`
-  );
-  return response.json();
-}
-
-export const DisqusError = {
-  Success: 0,
-  AccessTooLow: 12,
-  InvalidArg: 2,
-};
diff --git a/src/style.css b/src/style.css
index e69ca9532..6574940ba 100644
--- a/src/style.css
+++ b/src/style.css
@@ -816,7 +816,7 @@ blockquote :last-child {
 }
 
 .rule-content a:hover,
-.rule-category a:hover:not(.github-link, .get-username-btn::after) {
+.rule-category a:hover:not(.github-link) {
   text-decoration:underline;
   @apply text-ssw-red; 
 }
@@ -1282,7 +1282,7 @@ div.bad-example {
   margin-top: 0;
 }
 
-.tooltip, .info-tooltip, .forgot-username-tooltip {
+.tooltip, .info-tooltip {
   position: relative;
   margin: 2px 0;
   height: 2.5rem;
@@ -1342,15 +1342,6 @@ div.bad-example {
   margin: 1.85rem auto 0 0;
 }
 
-.forgot-username-tooltip {
-  margin: 1.85rem auto 0 0;
-  text-decoration: none;
-}
-
-.forgot-username-tooltip a {
-  text-decoration: none;
-}
-
 .tooltiptext {
   visibility: hidden;
   width: 100px;
@@ -1377,12 +1368,6 @@ div.bad-example {
   width: 10rem;
 }
 
-.forgot-username-tooltip .tooltiptext{
-  right: -4.4rem;
-  margin-bottom: 1rem;
-  width: 10rem;
-}
-
 .tooltiptext::after {
   content: "";
   position: absolute;
@@ -1395,7 +1380,7 @@ div.bad-example {
 }
 
 /* Show the tooltip text when you mouse over the tooltip container */
-.tooltip:hover .tooltiptext, .info-tooltip:hover .tooltiptext, .forgot-username-tooltip:hover .tooltiptext{
+.tooltip:hover .tooltiptext, .info-tooltip:hover .tooltiptext{
   visibility: visible;
   opacity: 1;
   padding: 0.3rem !important;
@@ -1602,51 +1587,6 @@ div.bad-example {
   margin-top: 10px;
 }
 
-.username-input-box, .username-input-box-error {
-  border: 0.1rem solid rgb(136, 136, 136);
-  border-radius: 5px;
-  margin-top: 2rem;
-  width: 15rem;
-  height: 28px;
-  padding-left: .7rem;
-  margin-right: .3rem;
-  /* text-align: center; */
-}
-
-.username-input-box-error {
-  border-color: #CC4141;
-}
-
-.connect-acc-button {
-  margin-left: 1.5rem;
-  background-color: #CC4141;
-  color: white;
-  position: relative;
-  /* height: 20px; */
-  box-sizing: border-box;
-  padding: 2px 10px 2px 8px;
-  border-radius: 5px;
-  cursor: pointer;
-  margin-top: 2rem;
-  margin-bottom: 1.8rem;
-  height: 28px;
-  font-size: 1rem !important;
-}
-
-.connect-acc-container {
-  text-align: center;
-  margin: 2rem auto;
-  display: grid;
-  grid-template-columns: 6rem auto;
-}
-
-.disqus-large-icon {
-  height: 6rem;
-  width: 6rem;
-  margin: 1rem 0 1.8rem 12rem;
-  color: #575B5D;
-}
-
 .disqus-profile-link {
   @apply text-ssw-red !important;
 }
@@ -1671,18 +1611,6 @@ div.bad-example {
   margin: auto 10.51rem 3rem;
 }
 
-.get-username-btn::after {
-  font-family: FontAwesome;
-  content: '\f059';
-  font-size: 1.4rem;
-  margin: 0.5rem auto;
-  vertical-align: middle;
-}
-
-.get-username-btn:hover:after {
-  @apply text-ssw-red; 
-}
-
 .form {
   display: inline-flex;
   margin: auto;
@@ -1713,15 +1641,6 @@ div.bad-example {
   .warning-box {
     width: unset;
   }
-  .connect-acc-container {
-    text-align: center;
-    grid-template-rows: auto auto;
-    grid-template-columns: unset;
-  }
-  .disqus-large-icon {
-    grid-row: 1;
-    margin: auto;
-  }
   .form {
     text-align: center;
     grid-row: 2;