diff --git a/src/common/api/mutations.ts b/src/common/api/mutations/account-claiming.ts
similarity index 56%
rename from src/common/api/mutations.ts
rename to src/common/api/mutations/account-claiming.ts
index 5733eb948a1..6422a564317 100644
--- a/src/common/api/mutations.ts
+++ b/src/common/api/mutations/account-claiming.ts
@@ -1,21 +1,7 @@
+import { FullAccount } from "../../store/accounts/types";
 import { useMutation } from "@tanstack/react-query";
-import { usrActivity } from "./private-api";
-import { claimAccount, claimAccountByKeychain } from "./operations";
-import { FullAccount } from "../store/accounts/types";
 import { PrivateKey } from "@hiveio/dhive";
-
-interface Params {
-  bl?: string | number;
-  tx?: string | number;
-}
-
-export function useUserActivity(username: string | undefined, ty: number) {
-  return useMutation(["user-activity", username, ty], async (params: Params | undefined) => {
-    if (username) {
-      await usrActivity(username, ty, params?.bl, params?.tx);
-    }
-  });
-}
+import { claimAccount, claimAccountByKeychain } from "../operations";
 
 export function useAccountClaiming(account: FullAccount) {
   return useMutation(
diff --git a/src/common/api/mutations/create-reply.ts b/src/common/api/mutations/create-reply.ts
new file mode 100644
index 00000000000..dadc3dd09e6
--- /dev/null
+++ b/src/common/api/mutations/create-reply.ts
@@ -0,0 +1,94 @@
+import { Entry } from "../../store/entries/types";
+import { useMappedStore } from "../../store/use-mapped-store";
+import { useContext } from "react";
+import { EntriesCacheContext, QueryIdentifiers } from "../../core";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { comment, CommentOptions, formatError, MetaData } from "../operations";
+import tempEntry from "../../helper/temp-entry";
+import { FullAccount } from "../../store/accounts/types";
+import * as ss from "../../util/session-storage";
+import { error } from "../../components/feedback";
+
+export function useCreateReply(entry: Entry | null, parent?: Entry, onSuccess?: () => void) {
+  const { activeUser } = useMappedStore();
+  const { addReply, updateRepliesCount, updateCache } = useContext(EntriesCacheContext);
+  const queryClient = useQueryClient();
+
+  return useMutation(
+    ["reply-create", activeUser?.username, entry?.author, entry?.permlink],
+    async ({
+      permlink,
+      text,
+      jsonMeta,
+      options,
+      point
+    }: {
+      permlink: string;
+      text: string;
+      jsonMeta: MetaData;
+      point: boolean;
+      options?: CommentOptions;
+    }) => {
+      if (!activeUser || !activeUser.data.__loaded || !entry) {
+        throw new Error("[Reply][Create] – no active user provided");
+      }
+
+      await comment(
+        activeUser.username,
+        entry.author,
+        entry.permlink,
+        permlink,
+        "",
+        text,
+        jsonMeta,
+        options ?? null,
+        point
+      );
+      return tempEntry({
+        author: activeUser.data as FullAccount,
+        permlink,
+        parentAuthor: entry.author,
+        parentPermlink: entry.permlink,
+        title: "",
+        body: text,
+        tags: [],
+        description: null
+      });
+    },
+    {
+      onSuccess: (data) => {
+        if (!entry) {
+          return;
+        }
+
+        addReply(entry, data);
+        updateCache([data]);
+
+        // remove reply draft
+        ss.remove(`reply_draft_${entry.author}_${entry.permlink}`);
+
+        if (entry.children === 0) {
+          // Update parent comment.
+          updateRepliesCount(entry, 1);
+        }
+        const previousReplies =
+          queryClient.getQueryData<Entry[]>([
+            QueryIdentifiers.FETCH_DISCUSSIONS,
+            parent?.author ?? entry.author,
+            parent?.permlink ?? entry.permlink
+          ]) ?? [];
+        queryClient.setQueryData(
+          [
+            QueryIdentifiers.FETCH_DISCUSSIONS,
+            parent?.author ?? entry.author,
+            parent?.permlink ?? entry.permlink
+          ],
+          [data, ...previousReplies]
+        );
+
+        onSuccess?.();
+      },
+      onError: (e) => error(...formatError(e))
+    }
+  );
+}
diff --git a/src/common/api/mutations/index.ts b/src/common/api/mutations/index.ts
new file mode 100644
index 00000000000..b7ded518e31
--- /dev/null
+++ b/src/common/api/mutations/index.ts
@@ -0,0 +1,5 @@
+export * from "./account-claiming";
+export * from "./create-reply";
+export * from "./update-reply";
+export * from "./user-activity";
+export * from "./pin-reply";
diff --git a/src/common/api/mutations/pin-reply.ts b/src/common/api/mutations/pin-reply.ts
new file mode 100644
index 00000000000..aee0f3e5945
--- /dev/null
+++ b/src/common/api/mutations/pin-reply.ts
@@ -0,0 +1,26 @@
+import { useMutation } from "@tanstack/react-query";
+import { Entry } from "../../store/entries/types";
+import { createPatch, makeJsonMetaDataReply } from "../../helper/posting";
+import { version } from "../../../../package.json";
+import { useUpdateReply } from "./update-reply";
+import { MetaData } from "../operations";
+
+export function usePinReply(reply: Entry, parent: Entry) {
+  const { mutateAsync: updateReply } = useUpdateReply(parent);
+
+  return useMutation(["reply-pin", reply, parent], async ({ pin }: { pin: boolean }) => {
+    const meta = makeJsonMetaDataReply(
+      parent.json_metadata.tags || ["ecency"],
+      version
+    ) as MetaData;
+
+    let newBody = parent.body.replace(/[\x00-\x09\x0B-\x0C\x0E-\x1F\x7F-\x9F]/g, "");
+    const patch = createPatch(parent.body, newBody.trim());
+    if (patch && patch.length < Buffer.from(parent.body, "utf-8").length) {
+      newBody = patch;
+    }
+
+    meta.pinned_reply = pin ? `${reply.author}/${reply.permlink}` : undefined;
+    return updateReply({ text: newBody, point: true, jsonMeta: meta });
+  });
+}
diff --git a/src/common/api/mutations/update-reply.ts b/src/common/api/mutations/update-reply.ts
new file mode 100644
index 00000000000..a5d68086eb6
--- /dev/null
+++ b/src/common/api/mutations/update-reply.ts
@@ -0,0 +1,63 @@
+import { Entry } from "../../store/entries/types";
+import { useMappedStore } from "../../store/use-mapped-store";
+import { useContext } from "react";
+import { EntriesCacheContext } from "../../core";
+import { useMutation } from "@tanstack/react-query";
+import { comment, CommentOptions, formatError, MetaData } from "../operations";
+import * as ss from "../../util/session-storage";
+import { error } from "../../components/feedback";
+
+export function useUpdateReply(entry: Entry | null, onSuccess?: () => void) {
+  const { activeUser } = useMappedStore();
+  const { updateCache } = useContext(EntriesCacheContext);
+
+  return useMutation(
+    ["reply-update", activeUser?.username, entry?.author, entry?.permlink],
+    async ({
+      text,
+      jsonMeta,
+      options,
+      point
+    }: {
+      text: string;
+      jsonMeta: MetaData;
+      point: boolean;
+      options?: CommentOptions;
+    }) => {
+      if (!activeUser || !activeUser.data.__loaded || !entry) {
+        throw new Error("[Reply][Create] – no active user provided");
+      }
+
+      await comment(
+        activeUser.username,
+        entry.parent_author ?? "",
+        entry.parent_permlink ?? entry.category,
+        entry.permlink,
+        "",
+        text,
+        jsonMeta,
+        options ?? null,
+        point
+      );
+      return {
+        ...entry,
+        json_metadata: jsonMeta,
+        body: text
+      };
+    },
+    {
+      onSuccess: (data) => {
+        if (!entry) {
+          return;
+        }
+
+        updateCache([data]);
+
+        // remove reply draft
+        ss.remove(`reply_draft_${entry.author}_${entry.permlink}`);
+        onSuccess?.();
+      },
+      onError: (e) => error(...formatError(e))
+    }
+  );
+}
diff --git a/src/common/api/mutations/user-activity.ts b/src/common/api/mutations/user-activity.ts
new file mode 100644
index 00000000000..6e47ea33347
--- /dev/null
+++ b/src/common/api/mutations/user-activity.ts
@@ -0,0 +1,15 @@
+import { useMutation } from "@tanstack/react-query";
+import { usrActivity } from "../private-api";
+
+interface Params {
+  bl?: string | number;
+  tx?: string | number;
+}
+
+export function useUserActivity(username: string | undefined, ty: number) {
+  return useMutation(["user-activity", username, ty], async (params: Params | undefined) => {
+    if (username) {
+      await usrActivity(username, ty, params?.bl, params?.tx);
+    }
+  });
+}
diff --git a/src/common/api/operations.ts b/src/common/api/operations.ts
index ffb93c5d002..82236d1dac1 100644
--- a/src/common/api/operations.ts
+++ b/src/common/api/operations.ts
@@ -41,6 +41,7 @@ export interface MetaData {
   description?: string;
   video?: any;
   type?: string;
+  pinned_reply?: string; // author/permlink
 }
 
 export interface BeneficiaryRoute {
diff --git a/src/common/api/queries.ts b/src/common/api/queries.ts
index a3062356030..f255e081377 100644
--- a/src/common/api/queries.ts
+++ b/src/common/api/queries.ts
@@ -1,11 +1,15 @@
-import { useQueries, useQuery } from "@tanstack/react-query";
-import { QueryIdentifiers } from "../core";
+import { useQueries, useQuery, UseQueryOptions } from "@tanstack/react-query";
+import { EntriesCacheContext, QueryIdentifiers } from "../core";
 import { getPoints, getPointTransactions } from "./private-api";
 import { useMappedStore } from "../store/use-mapped-store";
 import axios from "axios";
 import { catchPostImage } from "@ecency/render-helper";
 import { Entry } from "../store/entries/types";
-import { getAccountFull } from "./hive";
+import { getAccountFull, getFollowing } from "./hive";
+import { getAccountPosts, getDiscussion } from "./bridge";
+import { SortOrder } from "../store/discussion/types";
+import { useContext } from "react";
+import { sortDiscussions } from "../util/sort-discussions";
 
 const DEFAULT = {
   points: "0.000",
@@ -105,3 +109,54 @@ export function useGetAccountsFullQuery(usernames: string[]) {
     }))
   });
 }
+
+export function useGetAccountPostsQuery(username?: string) {
+  return useQuery({
+    queryKey: [QueryIdentifiers.GET_POSTS, username],
+    queryFn: () => getAccountPosts("posts", username!).then((response) => response ?? []),
+    enabled: !!username,
+    initialData: []
+  });
+}
+
+export function useFetchDiscussionsQuery(
+  entry: Entry,
+  order: SortOrder,
+  queryOptions?: UseQueryOptions<Entry[]>
+) {
+  const { updateCache } = useContext(EntriesCacheContext);
+
+  return useQuery<Entry[]>(
+    [QueryIdentifiers.FETCH_DISCUSSIONS, entry?.author, entry?.permlink],
+    async () => {
+      const response = await getDiscussion(entry.author, entry.permlink);
+      if (response) {
+        const entries = Array.from(Object.values(response));
+        updateCache([...entries], true);
+        return entries;
+      }
+      return [];
+    },
+    {
+      ...queryOptions,
+      initialData: [],
+      select: (data) => sortDiscussions(entry, data, order)
+    }
+  );
+}
+
+export function useFetchMutedUsersQuery(username?: string) {
+  const { activeUser } = useMappedStore();
+
+  return useQuery(
+    [QueryIdentifiers.FETCH_MUTED_USERS, username ?? activeUser?.username ?? "anon"],
+    async () => {
+      const response = await getFollowing(username ?? activeUser!!.username, "", "ignore", 100);
+      return response.map((user) => user.following);
+    },
+    {
+      initialData: [],
+      enabled: !!username || !!activeUser
+    }
+  );
+}
diff --git a/src/common/app.tsx b/src/common/app.tsx
index 552dfdbeb13..03c6c6b7bd0 100644
--- a/src/common/app.tsx
+++ b/src/common/app.tsx
@@ -30,12 +30,13 @@ import { UserActivityRecorder } from "./components/user-activity-recorder";
 import { useGlobalLoader } from "./util/use-global-loader";
 import useMount from "react-use/lib/useMount";
 import { ChatPopUp } from "./features/chats/components/chat-popup";
-import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
 import { ChatContextProvider } from "@ecency/ns-query";
 import { useGetAccountFullQuery } from "./api/queries";
+import { UIManager } from "@ui/core";
 import defaults from "./constants/defaults.json";
 import { getAccessToken } from "./helper/user-token";
 
+
 // Define lazy pages
 const ProfileContainer = loadable(() => import("./pages/profile-functional"));
 const ProfilePage = (props: any) => <ProfileContainer {...props} />;
@@ -113,116 +114,132 @@ const App = (props: any) => {
   );
 
   return (
-    <EntriesCacheManager>
-      {/*Excluded from production*/}
-      <ReactQueryDevtools initialIsOpen={false} />
-      <Tracker />
-      <UserActivityRecorder />
-      <ChatContextProvider
-        privateApiHost={defaults.base}
-        activeUsername={activeUser?.username}
-        activeUserData={activeUserAccount}
-        ecencyAccessToken={accessToken}
-      >
-        <Switch>
-          <Route exact={true} path={routes.HOME} component={EntryIndexContainer} />
-          <Route exact={true} strict={true} path={routes.FILTER} component={EntryIndexContainer} />
-          <Route
-            exact={true}
-            strict={true}
-            path={routes.USER_FEED}
-            component={EntryIndexContainer}
-          />
-          <Route exact={true} strict={true} path={routes.PURCHASE} component={PurchasePage} />
-          <Route exact={true} strict={true} path={routes.USER} component={ProfilePage} />
-          <Route exact={true} strict={true} path={routes.USER_SECTION} component={ProfilePage} />
-          <Route exact={true} strict={true} path={routes.ENTRY} component={EntryPage} />
-          <Route exact={true} strict={true} path={routes.COMMUNITIES} component={CommunitiesPage} />
-          <Route
-            exact={true}
-            strict={true}
-            path={routes.COMMUNITIES_CREATE}
-            component={CommunityCreatePage}
-          />
-          <Route
-            exact={true}
-            strict={true}
-            path={routes.COMMUNITIES_CREATE_HS}
-            component={CommunityCreateHSPage}
-          />
-          <Route exact={true} strict={true} path={routes.COMMUNITY} component={CommunityPage} />
-          <Route
-            exact={true}
-            strict={true}
-            path={routes.FILTER_TAG}
-            component={EntryIndexContainer}
-          />
-          <Route exact={true} strict={true} path={routes.DISCOVER} component={DiscoverPage} />
-          <Route exact={true} path={routes.SEARCH} component={SearchPageContainer} />
-          <Route exact={true} path={routes.SEARCH_MORE} component={SearchMorePageContainer} />
-          <Route exact={true} strict={true} path={routes.AUTH} component={AuthPage} />
-          <Route exact={true} strict={true} path={routes.SUBMIT} component={SubmitPage} />
-          <Route
-            exact={true}
-            strict={true}
-            path={routes.CHATS}
-            component={global.usePrivate ? ChatsPage : NotFound}
-          />
-          <Route exact={true} strict={true} path={routes.MARKET} component={MarketPage} />
-          <Route exact={true} strict={true} path={routes.EDIT} component={SubmitPage} />
-          <Route exact={true} strict={true} path={routes.SIGN_UP} component={SignUpPage} />
-          <Route exact={true} strict={true} path={routes.ONBOARD} component={OnboardPage} />
-          <Route exact={true} strict={true} path={routes.EDIT_DRAFT} component={SubmitPage} />
-          <Route exact={true} strict={true} path={routes.WITNESSES} component={WitnessesPage} />
-          <Route
-            exact={true}
-            strict={true}
-            path={routes.PROPOSALS}
-            component={ProposalsIndexContainer}
-          />
-          <Route
-            exact={true}
-            strict={true}
-            path={routes.PROPOSAL_DETAIL}
-            component={ProposalDetailContainer}
-          />
-          <Route
-            exact={true}
-            strict={true}
-            path={`/me${routes.PROPOSAL_DETAIL}`}
-            component={ProposalDetailContainer}
-          />
-          <Route exact={true} strict={true} path={routes.ABOUT} component={AboutPage} />
-          <Route exact={true} strict={true} path={routes.GUESTS} component={GuestPostPage} />
-          <Route exact={true} strict={true} path={routes.CONTRIBUTE} component={ContributePage} />
-          <Route exact={true} strict={true} path={routes.PRIVACY} component={PrivacyPage} />
-          <Route exact={true} strict={true} path={routes.WHITE_PAPER} component={WhitePaperPage} />
-          <Route exact={true} strict={true} path={routes.TOS} component={TosPage} />
-          <Route exact={true} strict={true} path={routes.FAQ} component={FaqPage} />
-          <Route
-            exact={true}
-            strict={true}
-            path={routes.CONTRIBUTORS}
-            component={ContributorsPage}
-          />
-          <Route
-            exact={true}
-            strict={true}
-            path={routes.DECKS}
-            component={global.usePrivate ? DecksPage : NotFound}
-          />
-          <Route component={NotFound} />
-        </Switch>
-
-        <Announcement activeUser={props.activeUser} />
-        <FloatingFAQ />
-
-        <ChatPopUp {...props} />
-      </ChatContextProvider>
-      <div id="modal-overlay-container" />
-      <div id="modal-dialog-container" />
-      <div id="popper-container" />
-    </EntriesCacheManager>
+    <UIManager>
+      <EntriesCacheManager>
+        {/*Excluded from production*/}
+        {/*<ReactQueryDevtools initialIsOpen={false} />*/}
+        <Tracker />
+        <UserActivityRecorder />
+        <ChatContextProvider
+          privateApiHost={defaults.base}
+          activeUsername={activeUser?.username}
+          activeUserData={activeUserAccount}
+          ecencyAccessToken={accessToken}
+        >
+          <Switch>
+            <Route exact={true} path={routes.HOME} component={EntryIndexContainer} />
+            <Route
+              exact={true}
+              strict={true}
+              path={routes.FILTER}
+              component={EntryIndexContainer}
+            />
+            <Route
+              exact={true}
+              strict={true}
+              path={routes.USER_FEED}
+              component={EntryIndexContainer}
+            />
+            <Route exact={true} strict={true} path={routes.PURCHASE} component={PurchasePage} />
+            <Route exact={true} strict={true} path={routes.USER} component={ProfilePage} />
+            <Route exact={true} strict={true} path={routes.USER_SECTION} component={ProfilePage} />
+            <Route exact={true} strict={true} path={routes.ENTRY} component={EntryPage} />
+            <Route
+              exact={true}
+              strict={true}
+              path={routes.COMMUNITIES}
+              component={CommunitiesPage}
+            />
+            <Route
+              exact={true}
+              strict={true}
+              path={routes.COMMUNITIES_CREATE}
+              component={CommunityCreatePage}
+            />
+            <Route
+              exact={true}
+              strict={true}
+              path={routes.COMMUNITIES_CREATE_HS}
+              component={CommunityCreateHSPage}
+            />
+            <Route exact={true} strict={true} path={routes.COMMUNITY} component={CommunityPage} />
+            <Route
+              exact={true}
+              strict={true}
+              path={routes.FILTER_TAG}
+              component={EntryIndexContainer}
+            />
+            <Route exact={true} strict={true} path={routes.DISCOVER} component={DiscoverPage} />
+            <Route exact={true} path={routes.SEARCH} component={SearchPageContainer} />
+            <Route exact={true} path={routes.SEARCH_MORE} component={SearchMorePageContainer} />
+            <Route exact={true} strict={true} path={routes.AUTH} component={AuthPage} />
+            <Route exact={true} strict={true} path={routes.SUBMIT} component={SubmitPage} />
+            <Route
+              exact={true}
+              strict={true}
+              path={routes.CHATS}
+              component={global.usePrivate ? ChatsPage : NotFound}
+            />
+            <Route exact={true} strict={true} path={routes.MARKET} component={MarketPage} />
+            <Route exact={true} strict={true} path={routes.EDIT} component={SubmitPage} />
+            <Route exact={true} strict={true} path={routes.SIGN_UP} component={SignUpPage} />
+            <Route exact={true} strict={true} path={routes.ONBOARD} component={OnboardPage} />
+            <Route exact={true} strict={true} path={routes.EDIT_DRAFT} component={SubmitPage} />
+            <Route exact={true} strict={true} path={routes.WITNESSES} component={WitnessesPage} />
+            <Route
+              exact={true}
+              strict={true}
+              path={routes.PROPOSALS}
+              component={ProposalsIndexContainer}
+            />
+            <Route
+              exact={true}
+              strict={true}
+              path={routes.PROPOSAL_DETAIL}
+              component={ProposalDetailContainer}
+            />
+            <Route
+              exact={true}
+              strict={true}
+              path={`/me${routes.PROPOSAL_DETAIL}`}
+              component={ProposalDetailContainer}
+            />
+            <Route exact={true} strict={true} path={routes.ABOUT} component={AboutPage} />
+            <Route exact={true} strict={true} path={routes.GUESTS} component={GuestPostPage} />
+            <Route exact={true} strict={true} path={routes.CONTRIBUTE} component={ContributePage} />
+            <Route exact={true} strict={true} path={routes.PRIVACY} component={PrivacyPage} />
+            <Route
+              exact={true}
+              strict={true}
+              path={routes.WHITE_PAPER}
+              component={WhitePaperPage}
+            />
+            <Route exact={true} strict={true} path={routes.TOS} component={TosPage} />
+            <Route exact={true} strict={true} path={routes.FAQ} component={FaqPage} />
+            <Route
+              exact={true}
+              strict={true}
+              path={routes.CONTRIBUTORS}
+              component={ContributorsPage}
+            />
+            <Route
+              exact={true}
+              strict={true}
+              path={routes.DECKS}
+              component={global.usePrivate ? DecksPage : NotFound}
+            />
+            <Route component={NotFound} />
+          </Switch>
+
+          <Announcement activeUser={props.activeUser} />
+          <FloatingFAQ />
+          <ChatPopUp {...props} />
+        </ChatContextProvider>
+        <div id="modal-overlay-container" />
+        <div id="modal-dialog-container" />
+        <div id="popper-container" />
+      </EntriesCacheManager>
+    </UIManager>
   );
 };
 
diff --git a/src/common/components/comment/_index.scss b/src/common/components/comment/_index.scss
index b00fedd1f55..336669a3d97 100644
--- a/src/common/components/comment/_index.scss
+++ b/src/common/components/comment/_index.scss
@@ -60,16 +60,6 @@
     display: flex;
     justify-content: flex-end;
   }
-
-  .comment-preview {
-    margin-top: 20px;
-
-    .comment-preview-header {
-      font-weight: 700;
-      font-size: 18px;
-      margin-bottom: 3px;
-    }
-  }
 }
 
 .the-editor {
diff --git a/src/common/components/comment/index.tsx b/src/common/components/comment/index.tsx
index 82d19a34f8f..8f4fc333e88 100644
--- a/src/common/components/comment/index.tsx
+++ b/src/common/components/comment/index.tsx
@@ -38,8 +38,10 @@ export class CommentPreview extends Component<PreviewProps> {
     }
 
     return (
-      <div className="comment-preview">
-        <div className="comment-preview-header">{_t("comment.preview")}</div>
+      <div className="comment-preview mt-4 rounded-2xl bg-gray-100 dark:bg-dark-200 p-4">
+        <div className="uppercase tracking-wider text-xs font-bold opacity-50 mb-4">
+          {_t("comment.preview")}
+        </div>
         <div
           className="preview-body markdown-view"
           dangerouslySetInnerHTML={{ __html: renderPostBody(text, false, global.canUseWebp) }}
@@ -82,10 +84,6 @@ interface State {
 
 export class Comment extends Component<Props, State> {
   commentBodyRef: React.RefObject<HTMLDivElement>;
-  constructor(props: Props) {
-    super(props);
-    this.commentBodyRef = React.createRef();
-  }
   state: State = {
     text: "",
     preview: "",
@@ -93,10 +91,14 @@ export class Comment extends Component<Props, State> {
     showGif: false,
     inputHeight: 0
   };
-
   timer: any = null;
   _updateTimer: any = null;
 
+  constructor(props: Props) {
+    super(props);
+    this.commentBodyRef = React.createRef();
+  }
+
   componentDidMount(): void {
     const { defText } = this.props;
     this.setState({ text: defText || "", preview: defText || "" });
diff --git a/src/common/components/decks/columns/content-viewer/deck-post-viewer-comment-box.tsx b/src/common/components/decks/columns/content-viewer/deck-post-viewer-comment-box.tsx
index 152c2103881..9f30fabb99c 100644
--- a/src/common/components/decks/columns/content-viewer/deck-post-viewer-comment-box.tsx
+++ b/src/common/components/decks/columns/content-viewer/deck-post-viewer-comment-box.tsx
@@ -1,17 +1,12 @@
 import Comment from "../../../comment";
 import { useMappedStore } from "../../../../store/use-mapped-store";
-import { useState } from "react";
+import React, { useState } from "react";
 import { _t } from "../../../../i18n";
 import { Entry } from "../../../../store/entries/types";
 import { useLocation } from "react-router";
 import { createReplyPermlink, makeJsonMetaDataReply } from "../../../../helper/posting";
-import { comment, formatError } from "../../../../api/operations";
-import tempEntry from "../../../../helper/temp-entry";
-import { FullAccount } from "../../../../store/accounts/types";
-import * as ss from "../../../../util/session-storage";
-import { error } from "../../../feedback";
 import { version } from "../../../../../../package.json";
-import React from "react";
+import { useCreateReply } from "../../../../api/mutations";
 
 interface Props {
   entry: Entry;
@@ -27,8 +22,7 @@ export const DeckPostViewerCommentBox = ({ entry, onReplied }: Props) => {
     setActiveUser,
     updateActiveUser,
     deleteUser,
-    toggleUIProp,
-    addReply
+    toggleUIProp
   } = useMappedStore();
 
   const location = useLocation();
@@ -36,13 +30,17 @@ export const DeckPostViewerCommentBox = ({ entry, onReplied }: Props) => {
   const [isReplying, setIsReplying] = useState(false);
   const [isCommented, setIsCommented] = useState(false);
 
+  const { mutateAsync: createReply } = useCreateReply(entry, undefined, () => {
+    onReplied();
+    setIsCommented(true);
+    setIsReplying(false);
+  });
+
   const submitReply = async (text: string) => {
     if (!activeUser || !activeUser.data.__loaded) {
       return;
     }
 
-    const { author: parentAuthor, permlink: parentPermlink } = entry;
-    const author = activeUser.username;
     const permlink = createReplyPermlink(entry.author);
     const tags = entry.json_metadata.tags || ["ecency"];
 
@@ -50,30 +48,7 @@ export const DeckPostViewerCommentBox = ({ entry, onReplied }: Props) => {
 
     setIsReplying(true);
 
-    try {
-      await comment(author, parentAuthor, parentPermlink, permlink, "", text, jsonMeta, null, true);
-      ss.remove(`reply_draft_${entry.author}_${entry.permlink}`);
-      addReply(
-        tempEntry({
-          author: activeUser.data as FullAccount,
-          permlink,
-          parentAuthor,
-          parentPermlink,
-          title: "",
-          body: text,
-          tags,
-          description: null
-        })
-      );
-
-      onReplied();
-      setIsCommented(true);
-    } catch (e) {
-      error(...formatError(e));
-    } finally {
-      setIsCommented(false);
-      setIsReplying(false);
-    }
+    return createReply({ jsonMeta, text, permlink, point: true });
   };
   return (
     <Comment
diff --git a/src/common/components/decks/columns/content-viewer/deck-post-viewer.tsx b/src/common/components/decks/columns/content-viewer/deck-post-viewer.tsx
index 8e0597dafd6..04f172af1a1 100644
--- a/src/common/components/decks/columns/content-viewer/deck-post-viewer.tsx
+++ b/src/common/components/decks/columns/content-viewer/deck-post-viewer.tsx
@@ -6,14 +6,13 @@ import { arrowLeftSvg } from "../../../../img/svg";
 import { renderPostBody } from "@ecency/render-helper";
 import { EntryInfo } from "../../../entry-info";
 import { History } from "history";
-import Discussion from "../../../discussion";
+import { Discussion } from "../../../discussion";
 import { useMappedStore } from "../../../../store/use-mapped-store";
-import { useLocation } from "react-router";
 import { DeckPostViewerCommentBox } from "./deck-post-viewer-comment-box";
 import { _t } from "../../../../i18n";
 import { commentSvg, voteSvg } from "../../icons";
 import EntryVoteBtn from "../../../entry-vote-btn";
-import { EntriesCacheContext } from "../../../../core";
+import { EntriesCacheContext, useEntryCache } from "../../../../core";
 import EntryVotes from "../../../entry-votes";
 import { useResizeDetector } from "react-resize-detector";
 import {
@@ -34,13 +33,14 @@ interface Props {
   onClose: () => void;
 }
 
-export const DeckPostViewer = ({ entry, onClose, history, backTitle }: Props) => {
+export const DeckPostViewer = ({ entry: initialEntry, onClose, history, backTitle }: Props) => {
   const [isMounted, setIsMounted] = useState(false);
   const [renderInitiated, setRenderInitiated] = useState(false);
 
+  const { data: entry } = useEntryCache(initialEntry);
+
   const { height, ref } = useResizeDetector();
   const store = useMappedStore();
-  const location = useLocation();
   const { updateVotes } = useContext(EntriesCacheContext);
 
   useMount(() => setIsMounted(true));
@@ -112,17 +112,15 @@ export const DeckPostViewer = ({ entry, onClose, history, backTitle }: Props) =>
           {entry.children}
         </div>
       </div>
-      <div className="px-3">
+      <div className="px-3 dark:[&>*>.comment-preview]:bg-dark-default">
         <DeckPostViewerCommentBox entry={entry} onReplied={() => {}} />
       </div>
       <div className="px-3">
         <Discussion
-          {...store}
           parent={entry}
           community={null}
           hideControls={false}
           history={history}
-          location={location}
           isRawContent={false}
         />
       </div>
diff --git a/src/common/components/decks/deck-threads-form/api/threads-api.ts b/src/common/components/decks/deck-threads-form/api/threads-api.ts
index e7ea084f1ec..b2299a51e5c 100644
--- a/src/common/components/decks/deck-threads-form/api/threads-api.ts
+++ b/src/common/components/decks/deck-threads-form/api/threads-api.ts
@@ -7,9 +7,12 @@ import { version } from "../../../../../../package.json";
 import { useMappedStore } from "../../../../store/use-mapped-store";
 import { v4 } from "uuid";
 import { ThreadItemEntry } from "../../columns/deck-threads-manager";
+import { useContext } from "react";
+import { EntriesCacheContext } from "../../../../core";
 
 export function useThreadsApi() {
-  const { activeUser, addReply, updateEntry } = useMappedStore();
+  const { activeUser } = useMappedStore();
+  const { addReply, updateRepliesCount } = useContext(EntriesCacheContext);
 
   const request = async (entry: Entry, raw: string, editingEntry?: ThreadItemEntry) => {
     if (!activeUser || !activeUser.data.__loaded) {
@@ -38,7 +41,7 @@ export function useThreadsApi() {
     });
 
     // add new reply to store
-    addReply(nReply);
+    addReply(entry, nReply);
 
     if (entry.children === 0) {
       // Activate discussion section with first comment.
@@ -46,8 +49,7 @@ export function useThreadsApi() {
         ...entry,
         children: 1
       };
-
-      updateEntry(nEntry);
+      updateRepliesCount(entry, 1);
     }
 
     return nReply;
diff --git a/src/common/components/discussion/_index.scss b/src/common/components/discussion/_index.scss
index f48c9ac5616..e7d78753707 100644
--- a/src/common/components/discussion/_index.scss
+++ b/src/common/components/discussion/_index.scss
@@ -4,6 +4,7 @@
   margin: 10px 0 30px 0;
   position: relative;
   min-height: 200px;
+  @apply font-sans;
 
   @include themify(day) {
     border-top: 1px solid;
@@ -207,6 +208,7 @@
 
             .date {
               opacity: 0.7;
+              @apply text-sm;
             }
           }
 
@@ -216,6 +218,7 @@
 
           .item-body {
             margin: 10px 0 14px 0;
+            font-family: Lora, Georgia, serif;
 
             @include themify(day) {
               @apply text-tundora;
@@ -231,8 +234,12 @@
             display: flex;
             width: 100%;
 
+            .entry-payout, .entry-votes {
+              @apply text-sm;
+            }
+
             .reply-btn, .edit-btn, .delete-btn, .mute-btn {
-              @apply text-gray-steel-010;
+              @apply text-gray-steel-010 text-sm;
               cursor: pointer;
 
               &:hover {
diff --git a/src/common/components/discussion/discussion-item-body.tsx b/src/common/components/discussion/discussion-item-body.tsx
new file mode 100644
index 00000000000..19d85781641
--- /dev/null
+++ b/src/common/components/discussion/discussion-item-body.tsx
@@ -0,0 +1,30 @@
+import { Entry } from "../../store/entries/types";
+import React, { useMemo } from "react";
+import { renderPostBody } from "@ecency/render-helper";
+import { useMappedStore } from "../../store/use-mapped-store";
+
+interface Props {
+  entry: Entry;
+  isRawContent: boolean;
+}
+
+export function DiscussionItemBody({ entry, isRawContent }: Props) {
+  const { global } = useMappedStore();
+  const renderedBody = useMemo(
+    () => ({ __html: renderPostBody(entry.body, false, global.canUseWebp) }),
+    [global.canUseWebp, entry]
+  );
+
+  return (
+    <>
+      {!isRawContent ? (
+        <div
+          className="item-body markdown-view mini-markdown"
+          dangerouslySetInnerHTML={renderedBody}
+        />
+      ) : (
+        <pre className="item-body markdown-view mini-markdown">{entry.body}</pre>
+      )}
+    </>
+  );
+}
diff --git a/src/common/components/discussion/discussion-item.tsx b/src/common/components/discussion/discussion-item.tsx
new file mode 100644
index 00000000000..dc2545f9ac5
--- /dev/null
+++ b/src/common/components/discussion/discussion-item.tsx
@@ -0,0 +1,375 @@
+import { History } from "history";
+import { Entry } from "../../store/entries/types";
+import { Community, ROLES } from "../../store/communities";
+import React, { useContext, useEffect, useMemo, useState } from "react";
+import * as ss from "../../util/session-storage";
+import { createReplyPermlink, makeJsonMetaDataReply } from "../../helper/posting";
+import _c from "../../util/fix-class-names";
+import ProfileLink from "../profile-link";
+import { ProfilePopover } from "../profile-popover";
+import { dateToFormatted, dateToFullRelative } from "../../helper/parse-date";
+import { _t } from "../../i18n";
+import { deleteForeverSvg, dotsHorizontal, pencilOutlineSvg, pinSvg } from "../../img/svg";
+import { Tsx } from "../../i18n/helper";
+import { version } from "../../../../package.json";
+import UserAvatar from "../user-avatar";
+import { EntryLink } from "../entry-link";
+import EntryVoteBtn from "../entry-vote-btn";
+import EntryPayout from "../entry-payout";
+import EntryVotes from "../entry-votes";
+import MuteBtn from "../mute-btn";
+import Comment from "../comment";
+import { EntriesCacheContext, useEntryCache } from "../../core";
+import { useMappedStore } from "../../store/use-mapped-store";
+import { useLocation } from "react-router";
+import { DiscussionList } from "./discussion-list";
+import { DiscussionItemBody } from "./discussion-item-body";
+import { useFetchMutedUsersQuery } from "../../api/queries";
+import { useCreateReply, usePinReply, useUpdateReply } from "../../api/mutations";
+import { Dropdown, DropdownItemWithIcon, DropdownMenu, DropdownToggle } from "@ui/dropdown";
+import { EntryDeleteBtn } from "../entry-delete-btn";
+import { Button } from "@ui/button";
+
+interface Props {
+  history: History;
+  entry: Entry;
+  root: Entry;
+  community: Community | null;
+  isRawContent: boolean;
+  hideControls: boolean;
+  discussionList: Entry[];
+}
+
+export function DiscussionItem({
+  history,
+  hideControls,
+  isRawContent,
+  entry: initialEntry,
+  community,
+  discussionList,
+  root
+}: Props) {
+  const [reply, setReply] = useState(false);
+  const [edit, setEdit] = useState(false);
+  const [lsDraft, setLsDraft] = useState("");
+
+  const { data: entry } = useEntryCache(initialEntry);
+  const { data: mutedUsers } = useFetchMutedUsersQuery();
+  const {
+    activeUser,
+    addAccount,
+    global,
+    users,
+    ui,
+    setActiveUser,
+    updateActiveUser,
+    deleteUser,
+    toggleUIProp
+  } = useMappedStore();
+  const { updateVotes, updateCache } = useContext(EntriesCacheContext);
+
+  const location = useLocation();
+
+  const readMore = useMemo(() => entry.children > 0 && entry.depth > 5, [entry]);
+  const showSubList = useMemo(() => !readMore && entry.children > 0, [entry]);
+  const canEdit = useMemo(
+    () => activeUser && activeUser.username === entry.author,
+    [activeUser, entry]
+  );
+  const anchorId = useMemo(() => `anchor-@${entry.author}/${entry.permlink}`, [entry]);
+  const canMute = useMemo(
+    () =>
+      !!activeUser &&
+      !!community &&
+      community.team.some(
+        (m) =>
+          m[0] === activeUser.username &&
+          [ROLES.OWNER.toString(), ROLES.ADMIN.toString(), ROLES.MOD.toString()].includes(m[1])
+      ),
+    [activeUser, community]
+  );
+  const selected = useMemo(
+    () => location.hash && location.hash.replace("#", "") === `@${entry.author}/${entry.permlink}`,
+    [location, entry]
+  );
+  const entryIsMuted = useMemo(() => mutedUsers.includes(entry.author), [entry, mutedUsers]);
+  const isTopComment = useMemo(
+    () => entry.parent_author === root.author && entry.parent_permlink === root.permlink,
+    [entry, root]
+  );
+  const isComment = useMemo(() => !!entry.parent_author, [entry]);
+  const isOwnRoot = useMemo(
+    () => !!activeUser && activeUser.username === root.author,
+    [activeUser, root]
+  );
+  const isOwnReply = useMemo(
+    () => !!activeUser && activeUser.username === entry.author,
+    [activeUser, entry]
+  );
+  const isHidden = useMemo(
+    () => entry?.net_rshares < -7000000000 && entry?.active_votes?.length > 3,
+    [entry]
+  ); // 1000 HP
+  const isMuted = useMemo(
+    () => entry?.stats?.gray && entry?.net_rshares >= 0 && entry?.author_reputation >= 0,
+    [entry]
+  );
+  const isLowReputation = useMemo(
+    () => entry?.stats?.gray && entry?.net_rshares >= 0 && entry?.author_reputation < 0,
+    [entry]
+  );
+  const mightContainMutedComments = useMemo(
+    () => !!activeUser && entryIsMuted && !isComment && !isOwnReply,
+    [activeUser, entryIsMuted, isComment, isOwnReply]
+  );
+  const isDeletable = useMemo(
+    () =>
+      !(entry.is_paidout || entry.net_rshares > 0 || entry.children > 0) &&
+      entry.author === activeUser?.username,
+    [entry]
+  );
+  const isPinned = useMemo(
+    () => root.json_metadata.pinned_reply === `${entry.author}/${entry.permlink}`,
+    [root, entry]
+  );
+  const hasAnyAction = useMemo(
+    () => canEdit || (isOwnRoot && isTopComment) || isDeletable,
+    [canEdit, isOwnRoot, isTopComment, isDeletable]
+  );
+
+  const { mutateAsync: createReply, isLoading: isCreateLoading } = useCreateReply(entry, root, () =>
+    toggleReply()
+  );
+  const { mutateAsync: updateReply, isLoading: isUpdateReplyLoading } = useUpdateReply(entry, () =>
+    toggleEdit()
+  );
+  const { mutateAsync: pinReply } = usePinReply(entry, root);
+
+  useEffect(() => {
+    if (edit || reply) {
+      checkLsDraft();
+    }
+  }, [edit, reply]);
+
+  const toggleReply = () => {
+    if (edit) {
+      return;
+    }
+    setReply(!reply);
+  };
+
+  const toggleEdit = () => {
+    if (reply) {
+      return;
+    }
+    setEdit(!edit);
+  };
+
+  const checkLsDraft = () => {
+    let replyDraft = ss.get(`reply_draft_${entry?.author}_${entry?.permlink}`);
+    replyDraft = (replyDraft && replyDraft.trim()) || "";
+    setLsDraft(replyDraft);
+  };
+
+  const submitReply = (text: string) =>
+    createReply({
+      text,
+      jsonMeta: makeJsonMetaDataReply(entry.json_metadata.tags || ["ecency"], version),
+      permlink: createReplyPermlink(entry.author),
+      point: true
+    });
+
+  const _updateReply = (text: string) =>
+    updateReply({
+      text,
+      point: true,
+      jsonMeta: makeJsonMetaDataReply(entry.json_metadata.tags || ["ecency"], version)
+    });
+
+  return (
+    <div className={_c(`discussion-item depth-${entry.depth} ${selected ? "selected-item" : ""}`)}>
+      <div className="relative">
+        <div className="item-anchor" id={anchorId} />
+      </div>
+      <div className="item-inner">
+        <div className="item-figure">
+          <ProfileLink history={history} username={entry.author} addAccount={addAccount}>
+            <UserAvatar username={entry.author} size="medium" />
+          </ProfileLink>
+        </div>
+        <div className="item-content">
+          <div className="item-header">
+            <div className="flex items-center" id={`${entry.author}-${entry.permlink}`}>
+              <ProfilePopover entry={entry} />
+            </div>
+            <span className="separator circle-separator" />
+            <div className="flex items-center">
+              <EntryLink entry={entry} history={history}>
+                <span className="date" title={dateToFormatted(entry.created)}>
+                  {dateToFullRelative(entry.created)}
+                </span>
+              </EntryLink>
+              {isPinned && <div className="w-3.5 h-3.5 ml-3 flex">{pinSvg}</div>}
+            </div>
+          </div>
+          {isMuted && (
+            <div className="hidden-warning mt-2">
+              <span>
+                <Tsx k="entry.muted-warning" args={{ community: entry.community_title }}>
+                  <span />
+                </Tsx>
+              </span>
+            </div>
+          )}
+
+          {isHidden && (
+            <div className="hidden-warning mt-2">
+              <span>{_t("entry.hidden-warning")}</span>
+            </div>
+          )}
+
+          {isLowReputation && (
+            <div className="hidden-warning mt-2">
+              <span>{_t("entry.lowrep-warning")}</span>
+            </div>
+          )}
+
+          {mightContainMutedComments && (
+            <div className="hidden-warning mt-2">
+              <span>{_t("entry.comments-hidden")}</span>
+            </div>
+          )}
+
+          <DiscussionItemBody entry={entry} isRawContent={isRawContent} />
+          {hideControls ? (
+            <></>
+          ) : (
+            <div className="item-controls">
+              <EntryVoteBtn
+                entry={entry}
+                afterVote={(votes, estimated) =>
+                  updateVotes(entry, votes, entry.payout + estimated)
+                }
+                isPostSlider={false}
+              />
+              <EntryPayout entry={entry} />
+              <EntryVotes entry={entry} history={history} />
+              <a className={_c(`reply-btn ${edit ? "disabled" : ""}`)} onClick={toggleReply}>
+                {_t("g.reply")}
+              </a>
+              {community && canMute && (
+                <MuteBtn
+                  entry={entry}
+                  community={community}
+                  activeUser={activeUser!}
+                  onSuccess={(entry) => updateCache([entry])}
+                />
+              )}
+
+              <div className="ml-3 dropdown-container">
+                {hasAnyAction && (
+                  <Dropdown>
+                    <DropdownToggle>
+                      <Button icon={dotsHorizontal} appearance="gray-link" />
+                    </DropdownToggle>
+                    <DropdownMenu>
+                      {canEdit && (
+                        <DropdownItemWithIcon
+                          label={_t("g.edit")}
+                          icon={pencilOutlineSvg}
+                          onClick={toggleEdit}
+                        />
+                      )}
+                      {isOwnRoot && isTopComment && (
+                        <DropdownItemWithIcon
+                          label={_t(isPinned ? "g.unpin" : "g.pin")}
+                          icon={pinSvg}
+                          onClick={() => pinReply({ pin: !isPinned })}
+                        />
+                      )}
+                      {isDeletable && (
+                        <DropdownItemWithIcon
+                          label={
+                            <EntryDeleteBtn activeUser={activeUser} parent={root} entry={entry}>
+                              <div className="flex items-center [&>svg]:w-3.5 gap-3">
+                                {} {_t("g.delete")}
+                              </div>
+                            </EntryDeleteBtn>
+                          }
+                          icon={deleteForeverSvg}
+                        />
+                      )}
+                    </DropdownMenu>
+                  </Dropdown>
+                )}
+              </div>
+            </div>
+          )}
+          {readMore && (
+            <div className="read-more">
+              <EntryLink entry={entry} history={history}>
+                <a>{_t("discussion.read-more")}</a>
+              </EntryLink>
+            </div>
+          )}
+        </div>
+      </div>
+
+      {reply && (
+        <Comment
+          entry={entry}
+          updateActiveUser={updateActiveUser}
+          deleteUser={deleteUser}
+          toggleUIProp={toggleUIProp}
+          global={global}
+          location={location}
+          ui={ui}
+          users={users}
+          activeUser={activeUser}
+          setActiveUser={setActiveUser}
+          defText={lsDraft}
+          submitText={_t("g.reply")}
+          cancellable={true}
+          onSubmit={submitReply}
+          onCancel={toggleReply}
+          inProgress={isCreateLoading || isUpdateReplyLoading}
+          autoFocus={true}
+        />
+      )}
+
+      {edit && (
+        <Comment
+          entry={entry}
+          updateActiveUser={updateActiveUser}
+          deleteUser={deleteUser}
+          toggleUIProp={toggleUIProp}
+          global={global}
+          location={location}
+          ui={ui}
+          users={users}
+          activeUser={activeUser}
+          setActiveUser={setActiveUser}
+          defText={entry.body}
+          submitText={_t("g.update")}
+          cancellable={true}
+          onSubmit={_updateReply}
+          onCancel={toggleEdit}
+          inProgress={isCreateLoading || isUpdateReplyLoading}
+          autoFocus={true}
+        />
+      )}
+
+      {showSubList && (
+        <DiscussionList
+          discussionList={discussionList}
+          community={community}
+          parent={entry}
+          root={root}
+          hideControls={hideControls}
+          history={history}
+          isRawContent={isRawContent}
+        />
+      )}
+    </div>
+  );
+}
diff --git a/src/common/components/discussion/discussion-list.tsx b/src/common/components/discussion/discussion-list.tsx
new file mode 100644
index 00000000000..284f47cad59
--- /dev/null
+++ b/src/common/components/discussion/discussion-list.tsx
@@ -0,0 +1,111 @@
+import { History } from "history";
+import { Entry } from "../../store/entries/types";
+import { Community } from "../../store/communities";
+import React, { useEffect, useMemo, useState } from "react";
+import { _t } from "../../i18n";
+import { useUnmount } from "react-use";
+import useMount from "react-use/lib/useMount";
+import { useMappedStore } from "../../store/use-mapped-store";
+import { DiscussionItem } from "./discussion-item";
+import { useLocation } from "react-router";
+import { useFetchMutedUsersQuery } from "../../api/queries";
+
+interface Props {
+  hideControls: boolean;
+  root: Entry;
+  parent: Entry;
+  isRawContent: boolean;
+  history: History;
+  community: Community | null;
+  discussionList: Entry[];
+}
+
+export function DiscussionList({
+  parent,
+  root,
+  hideControls,
+  isRawContent,
+  history,
+  community,
+  discussionList
+}: Props) {
+  const [isHiddenPermitted, setIsHiddenPermitted] = useState(false);
+
+  const location = useLocation();
+  const { activeUser } = useMappedStore();
+
+  const { data: mutedUsers } = useFetchMutedUsersQuery();
+
+  const filtered = useMemo(
+    () =>
+      discussionList.filter(
+        (x) => x.parent_author === parent.author && x.parent_permlink === parent.permlink
+      ),
+    [discussionList, parent]
+  );
+  const mutedContent = useMemo(
+    () =>
+      filtered.filter(
+        (item) =>
+          activeUser &&
+          mutedUsers.includes(item.author) &&
+          item.depth === 1 &&
+          item.parent_author === parent.author
+      ),
+    [filtered, parent]
+  );
+  const data = useMemo(() => {
+    if (!activeUser) {
+      return filtered;
+    }
+
+    const unMutedContent = filtered.filter((md) =>
+      mutedContent.every((fd) => fd.post_id !== md.post_id)
+    );
+
+    return isHiddenPermitted ? [...unMutedContent, ...mutedContent] : unMutedContent;
+  }, [filtered, activeUser, mutedUsers, isHiddenPermitted]);
+
+  useMount(() => (document.getElementsByTagName("html")[0].style.position = "relative"));
+  useUnmount(() => (document.getElementsByTagName("html")[0].style.position = "unset"));
+
+  useEffect(() => {
+    if (discussionList.length > 0) {
+      if (location.hash) {
+        const permlink = location.hash.replace("#", "");
+        const anchorId = `anchor-${permlink}`;
+        const anchorEl = document.getElementById(anchorId);
+        if (anchorEl) {
+          anchorEl.scrollIntoView();
+        }
+      }
+    }
+  }, [discussionList, location]);
+
+  return filtered.length > 0 ? (
+    <div className="discussion-list">
+      {data.map((d) => (
+        <DiscussionItem
+          root={root}
+          discussionList={discussionList}
+          community={community}
+          history={history}
+          key={`${d.author}-${d.permlink}`}
+          entry={d}
+          hideControls={hideControls}
+          isRawContent={isRawContent}
+        />
+      ))}
+      {!isHiddenPermitted && mutedContent.length > 0 && activeUser && activeUser.username && (
+        <div className="hidden-warning flex justify-between flex-1 items-center mt-3">
+          <div className="flex-1">{_t("discussion.reveal-muted-long-description")}</div>
+          <div onClick={() => setIsHiddenPermitted(true)} className="pointer p-3">
+            <b>{_t("g.show")}</b>
+          </div>
+        </div>
+      )}
+    </div>
+  ) : (
+    <></>
+  );
+}
diff --git a/src/common/components/discussion/index.spec.tsx b/src/common/components/discussion/index.spec.tsx
new file mode 100644
index 00000000000..bdde02f735a
--- /dev/null
+++ b/src/common/components/discussion/index.spec.tsx
@@ -0,0 +1,146 @@
+import React from "react";
+import { Discussion } from "./index";
+import { createBrowserHistory, createLocation } from "history";
+import {
+  activeUserMaker,
+  allOver,
+  discussionInstace1,
+  dynamicPropsIntance1,
+  globalInstance,
+  UiInstance
+} from "../../helper/test-helper";
+import { withStore } from "../../tests/with-store";
+import { queryClient, QueryIdentifiers } from "../../core";
+import { QueryClientProvider } from "@tanstack/react-query";
+import { StaticRouter } from "react-router-dom";
+
+jest.mock("moment", () => () => ({
+  fromNow: () => "3 days ago",
+  format: (f: string, s: string) => "2020-01-01 23:12:00"
+}));
+
+const [parent] = discussionInstace1;
+const [, ...replies] = discussionInstace1;
+
+const defProps = {
+  history: createBrowserHistory(),
+  location: createLocation({}),
+  global: globalInstance,
+  dynamicProps: dynamicPropsIntance1,
+  users: [],
+  activeUser: activeUserMaker("foo"),
+  ui: UiInstance,
+  parent,
+  community: null,
+  isRawContent: false,
+  addAccount: () => {},
+  setActiveUser: () => {},
+  updateActiveUser: () => {},
+  deleteUser: () => {},
+  addReply: () => {},
+  toggleUIProp: () => {},
+  hideControls: false
+};
+
+describe("Discussions", () => {
+  afterEach(() => {
+    queryClient.setQueryData(
+      [QueryIdentifiers.FETCH_DISCUSSIONS, parent.author, parent.permlink],
+      []
+    );
+  });
+
+  it("(1) Full render with active user", async () => {
+    queryClient.setQueryData(
+      [QueryIdentifiers.FETCH_DISCUSSIONS, parent.author, parent.permlink],
+      replies
+    );
+    // render the component
+    let component = withStore(
+      <StaticRouter location="/" context={{}}>
+        <QueryClientProvider client={queryClient}>
+          <Discussion {...defProps} />
+        </QueryClientProvider>
+      </StaticRouter>
+    );
+    await allOver();
+    // make assertions on component
+    expect(component.toJSON()).toMatchSnapshot();
+  });
+
+  it("(2) Full render with no active user", async () => {
+    queryClient.setQueryData(
+      [QueryIdentifiers.FETCH_DISCUSSIONS, parent.author, parent.permlink],
+      replies
+    );
+    const props = {
+      ...defProps,
+      activeUser: null
+    };
+    // render the component
+    let component = withStore(
+      <StaticRouter location="/" context={{}}>
+        <QueryClientProvider client={queryClient}>
+          <Discussion {...props} />
+        </QueryClientProvider>
+      </StaticRouter>
+    );
+    await allOver();
+    // make assertions on component
+    expect(component.toJSON()).toMatchSnapshot();
+  });
+
+  it("(3) With selected item", async () => {
+    const props = {
+      ...defProps,
+      location: createLocation({ hash: "#@forykw/re-esteemapp-202067t12246786z" })
+    };
+    queryClient.setQueryData(
+      [QueryIdentifiers.FETCH_DISCUSSIONS, parent.author, parent.permlink],
+      replies
+    );
+    // render the component
+    let component = withStore(
+      <StaticRouter location="/" context={{}}>
+        <QueryClientProvider client={queryClient}>
+          <Discussion {...props} />
+        </QueryClientProvider>
+      </StaticRouter>
+    );
+    await allOver();
+    // make assertions on component
+    expect(component.toJSON()).toMatchSnapshot();
+  });
+
+  it("(5) Empty list with no active user", async () => {
+    // render the component
+    let component = withStore(
+      <StaticRouter location="/" context={{}}>
+        <QueryClientProvider client={queryClient}>
+          <Discussion {...defProps} />
+        </QueryClientProvider>
+      </StaticRouter>
+    );
+    await allOver();
+    // make assertions on component
+    expect(component.toJSON()).toMatchSnapshot();
+  });
+
+  it("(6) Empty list with active user", async () => {
+    const props = {
+      ...defProps,
+      activeUser: activeUserMaker("foo")
+    };
+    // render the component
+    let component = withStore(
+      <StaticRouter location="/" context={{}}>
+        <QueryClientProvider client={queryClient}>
+          <Discussion {...props} />
+        </QueryClientProvider>
+      </StaticRouter>
+    );
+    await allOver();
+    // make assertions on component
+    expect(component.toJSON()).toMatchSnapshot();
+  });
+});
diff --git a/src/common/components/discussion/index.tsx b/src/common/components/discussion/index.tsx
index 55607e85a22..b4825272c9f 100644
--- a/src/common/components/discussion/index.tsx
+++ b/src/common/components/discussion/index.tsx
@@ -1,803 +1,144 @@
-import React, { Component, useEffect, useState } from "react";
-import { History, Location } from "history";
+import React, { useEffect, useMemo, useState } from "react";
+import { History } from "history";
 import defaults from "../../constants/defaults.json";
-import { renderPostBody, setProxyBase } from "@ecency/render-helper";
-import { Entry, EntryVote } from "../../store/entries/types";
-import { Account, FullAccount } from "../../store/accounts/types";
-import { Community, ROLES } from "../../store/communities";
-import { DynamicProps } from "../../store/dynamic-props/types";
-import { Global } from "../../store/global/types";
-import { User } from "../../store/users/types";
-import { ActiveUser } from "../../store/active-user/types";
-import { Discussion as DiscussionType, SortOrder } from "../../store/discussion/types";
-import { ToggleType, UI } from "../../store/ui/types";
-import ProfileLink from "../profile-link";
-import EntryLink from "../entry-link";
-import UserAvatar from "../user-avatar";
-import EntryVoteBtn from "../entry-vote-btn/index";
-import EntryPayout from "../entry-payout/index";
-import EntryVotes from "../entry-votes";
+import { setProxyBase } from "@ecency/render-helper";
+import { Entry } from "../../store/entries/types";
+import { Community } from "../../store/communities";
+import { SortOrder } from "../../store/discussion/types";
 import LinearProgress from "../linear-progress";
-import Comment from "../comment";
-import EntryDeleteBtn from "../entry-delete-btn";
-import MuteBtn from "../mute-btn";
 import LoginRequired from "../login-required";
-import { dateToFormatted, dateToFullRelative } from "../../helper/parse-date";
 import { _t } from "../../i18n";
-import { comment, formatError } from "../../api/operations";
-import * as ss from "../../util/session-storage";
-import { createReplyPermlink, makeJsonMetaDataReply } from "../../helper/posting";
-import tempEntry from "../../helper/temp-entry";
-import { error } from "../feedback";
-import _c from "../../util/fix-class-names";
-import { commentSvg, deleteForeverSvg, dotsHorizontal, pencilOutlineSvg } from "../../img/svg";
-import { version } from "../../../../package.json";
-import { getFollowing } from "../../api/hive";
-import { Tsx } from "../../i18n/helper";
-import MyDropDown from "../dropdown";
-import { ProfilePopover } from "../profile-popover";
+import { commentSvg } from "../../img/svg";
 import "./_index.scss";
 import { FormControl } from "@ui/input";
 import { Button } from "@ui/button";
+import { useMappedStore } from "../../store/use-mapped-store";
+import { DiscussionList } from "./discussion-list";
+import usePrevious from "react-use/lib/usePrevious";
+import { useFetchDiscussionsQuery } from "../../api/queries";
 
 setProxyBase(defaults.imageServer);
 
 setProxyBase(defaults.imageServer);
 
-interface ItemBodyProps {
-  entry: Entry;
-  global: Global;
-  isRawContent: boolean;
-}
-
-export class ItemBody extends Component<ItemBodyProps> {
-  shouldComponentUpdate(nextProps: Readonly<ItemBodyProps>): boolean {
-    return this.props.entry.body !== nextProps.entry.body;
-  }
-
-  render() {
-    const { entry, global } = this.props;
-
-    const renderedBody = { __html: renderPostBody(entry.body, false, global.canUseWebp) };
-
-    return (
-      <>
-        {!this.props.isRawContent ? (
-          <div
-            className="item-body markdown-view mini-markdown"
-            dangerouslySetInnerHTML={renderedBody}
-          />
-        ) : (
-          <pre className="item-body markdown-view mini-markdown">{entry.body}</pre>
-        )}
-      </>
-    );
-  }
-}
-
-interface ItemProps {
+interface Props {
   history: History;
-  location: Location;
-  global: Global;
-  dynamicProps: DynamicProps;
-  users: User[];
-  activeUser: ActiveUser | null;
-  discussion: DiscussionType;
-  entry: Entry;
+  parent: Entry;
   community: Community | null;
   isRawContent: boolean;
-  ui: UI;
-  addAccount: (data: Account) => void;
-  setActiveUser: (username: string | null) => void;
-  updateActiveUser: (data?: Account) => void;
-  deleteUser: (username: string) => void;
-  updateReply: (reply: Entry) => void;
-  addReply: (reply: Entry) => void;
-  deleteReply: (reply: Entry) => void;
-  toggleUIProp: (what: ToggleType) => void;
   hideControls: boolean;
 }
 
-interface ItemState {
-  reply: boolean;
-  edit: boolean;
-  inProgress: boolean;
-  mutedData: string[];
-  isHiddenPermitted: boolean;
-}
+export function Discussion({ hideControls, isRawContent, parent, community, history }: Props) {
+  const { activeUser, toggleUIProp, deleteUser, updateActiveUser, setActiveUser, users, ui } =
+    useMappedStore();
+  const previousIsRawContent = usePrevious(isRawContent);
 
-export const Item = (props: ItemProps) => {
-  const [reply, setReply] = useState(false);
-  const [edit, setEdit] = useState(false);
-  const [inProgress, setInProgress] = useState(false);
-  const [mutedData, setMutedData] = useState([] as string[]);
-  const [isMounted, setIsMounted] = useState(false);
-  const [lsDraft, setLsDraft] = useState("");
+  const [visible, setVisible] = useState(false);
+  const [order, setOrder] = useState(SortOrder.trending);
 
-  const {
-    entry,
-    updateReply,
-    activeUser,
-    addReply,
-    deleteReply,
-    global,
-    community,
-    location,
-    history
-  } = props;
+  const { isLoading, data } = useFetchDiscussionsQuery(parent, order, {
+    enabled: visible && !!parent
+  });
 
-  useEffect(() => {
-    setIsMounted(true);
-    isMounted && fetchMutedUsers();
-    checkLsDraft();
-    return () => {
-      setIsMounted(false);
-    };
-  }, []);
+  const count = useMemo(() => parent.children, [parent]);
+  const strCount = useMemo(
+    () => (count > 1 ? _t("discussion.n-replies", { n: count }) : _t("discussion.replies")),
+    [count]
+  );
 
   useEffect(() => {
-    if (edit || reply) {
-      checkLsDraft();
-    }
-  }, [edit, reply]);
-
-  const afterVote = (votes: EntryVote[], estimated: number) => {
-    const { payout } = entry;
-    const newPayout = payout + estimated;
-
-    updateReply({
-      ...entry,
-      active_votes: votes,
-      stats: { ...entry.stats, total_votes: votes.length },
-      payout: newPayout,
-      pending_payout_value: String(newPayout)
-    });
-  };
-
-  const toggleReply = () => {
-    if (edit) {
-      return;
-    }
-    setReply(!reply);
-  };
-
-  const toggleEdit = () => {
-    if (reply) {
-      return;
-    }
-    setEdit(!edit);
-  };
-
-  const checkLsDraft = () => {
-    let replyDraft = ss.get(`reply_draft_${entry?.author}_${entry?.permlink}`);
-    replyDraft = (replyDraft && replyDraft.trim()) || "";
-    setLsDraft(replyDraft);
-  };
-
-  const submitReply = (text: string) => {
-    if (!activeUser || !activeUser.data.__loaded) {
-      return;
-    }
-
-    const { author: parentAuthor, permlink: parentPermlink } = entry;
-    const author = activeUser.username;
-    const permlink = createReplyPermlink(entry.author);
-
-    const jsonMeta = makeJsonMetaDataReply(entry.json_metadata.tags || ["ecency"], version);
-    setInProgress(true);
-
-    comment(author, parentAuthor, parentPermlink, permlink, "", text, jsonMeta, null, true)
-      .then(() => {
-        const nReply = tempEntry({
-          author: activeUser.data as FullAccount,
-          permlink,
-          parentAuthor,
-          parentPermlink,
-          title: "",
-          body: text,
-          tags: [],
-          description: null
-        });
-
-        // add new reply to store
-        addReply(nReply);
-
-        // remove reply draft
-        ss.remove(`reply_draft_${entry.author}_${entry.permlink}`);
-
-        // close comment box
-        toggleReply();
-
-        if (entry.children === 0 && isMounted) {
-          // Update parent comment.
-          const nParentReply: Entry = {
-            ...entry,
-            children: 1
-          };
-
-          updateReply(nParentReply);
-        }
-      })
-      .catch((e) => {
-        console.log(e);
-        error(...formatError(e));
-      })
-      .finally(() => {
-        setInProgress(false);
-      });
-  };
-
-  const _updateReply = (text: string) => {
-    const { permlink, parent_author: parentAuthor, parent_permlink: parentPermlink } = entry;
-    const jsonMeta = makeJsonMetaDataReply(entry.json_metadata.tags || ["ecency"], version);
-    setInProgress(true);
-
-    comment(
-      activeUser?.username!,
-      parentAuthor!,
-      parentPermlink!,
-      permlink,
-      "",
-      text,
-      jsonMeta,
-      null
-    )
-      .then(() => {
-        const nReply: Entry = {
-          ...entry,
-          body: text
-        };
-        ss.remove(`reply_draft_${entry.author}_${entry.permlink}`);
-
-        updateReply(nReply); // update store
-        toggleEdit(); // close comment box
-      })
-      .catch((e) => {
-        error(...formatError(e));
-      })
-      .finally(() => {
-        setInProgress(false);
-      });
-  };
-
-  const deleted = () => {
-    deleteReply(entry);
-  };
-
-  const fetchMutedUsers = () => {
-    if (activeUser) {
-      getFollowing(activeUser.username, "", "ignore", 100).then((r) => {
-        if (r) {
-          let filterList = r.map((user) => user.following);
-          isMounted && setMutedData(filterList as string[]);
-        }
-      });
-    }
-  };
-
-  const readMore = entry.children > 0 && entry.depth > 5;
-  const showSubList = !readMore && entry.children > 0;
-  const canEdit = activeUser && activeUser.username === entry.author;
-
-  const canMute =
-    activeUser && community
-      ? !!community.team.find((m) => {
-          return (
-            m[0] === activeUser.username &&
-            [ROLES.OWNER.toString(), ROLES.ADMIN.toString(), ROLES.MOD.toString()].includes(m[1])
-          );
-        })
-      : false;
-
-  const anchorId = `anchor-@${entry.author}/${entry.permlink}`;
-
-  const selected =
-    location.hash && location.hash.replace("#", "") === `@${entry.author}/${entry.permlink}`;
-
-  let normalComponent = (
-    <div className={_c(`discussion-item depth-${entry.depth} ${selected ? "selected-item" : ""}`)}>
-      <div className="relative">
-        <div className="item-anchor" id={anchorId} />
-      </div>
-      <div className="item-inner">
-        <div className="item-figure">
-          {ProfileLink({
-            ...props,
-            username: entry.author,
-            children: (
-              <span className="d-sm-inline-block">
-                <UserAvatar username={entry.author} size="medium" />
-              </span>
-            )
-          })}
-        </div>
-        <div className="item-content">
-          <div className="item-header">
-            <div className="flex items-center" id={`${entry.author}-${entry.permlink}`}>
-              <ProfilePopover {...props} />
-            </div>
-            <span className="separator circle-separator" />
-            {EntryLink({
-              ...props,
-              entry,
-              children: (
-                <span className="date" title={dateToFormatted(entry.created)}>
-                  {dateToFullRelative(entry.created)}
-                </span>
-              )
-            })}
-          </div>
-          {(() => {
-            let menuItems = [
-              {
-                label: _t("g.edit"),
-                onClick: toggleEdit,
-                icon: pencilOutlineSvg
-              }
-            ];
-            if (!(entry.is_paidout || entry.net_rshares > 0 || entry.children > 0)) {
-              let deleteItem = {
-                label: "",
-                onClick: () => {},
-                icon: EntryDeleteBtn({
-                  ...props,
-                  entry,
-                  onSuccess: deleted,
-                  children: (
-                    <a title={_t("g.delete")} className="delete-btn !ml-0 pr-3">
-                      {deleteForeverSvg} {_t("g.delete")}
-                    </a>
-                  )
-                })
-              };
-              menuItems.push(deleteItem);
-            }
-
-            const menuConfig = {
-              history: history,
-              label: "",
-              icon: dotsHorizontal,
-              items: menuItems
-            };
-
-            const entryIsMuted = mutedData.includes(entry.author);
-            const isComment = !!entry.parent_author;
-            const ownEntry = activeUser && activeUser.username === entry.author;
-            const isHidden = entry?.net_rshares < -7000000000 && entry?.active_votes?.length > 3; // 1000 HP
-            const isMuted =
-              entry?.stats?.gray && entry?.net_rshares >= 0 && entry?.author_reputation >= 0;
-            const isLowReputation =
-              entry?.stats?.gray && entry?.net_rshares >= 0 && entry?.author_reputation < 0;
-            const mightContainMutedComments = activeUser && entryIsMuted && !isComment && !ownEntry;
-            const { isRawContent } = props;
-
-            return (
-              <>
-                {isMuted && (
-                  <div className="hidden-warning mt-2">
-                    <span>
-                      <Tsx k="entry.muted-warning" args={{ community: entry.community_title }}>
-                        <span />
-                      </Tsx>
-                    </span>
-                  </div>
-                )}
-
-                {isHidden && (
-                  <div className="hidden-warning mt-2">
-                    <span>{_t("entry.hidden-warning")}</span>
-                  </div>
-                )}
-
-                {isLowReputation && (
-                  <div className="hidden-warning mt-2">
-                    <span>{_t("entry.lowrep-warning")}</span>
-                  </div>
-                )}
-
-                {mightContainMutedComments && (
-                  <div className="hidden-warning mt-2">
-                    <span>{_t("entry.comments-hidden")}</span>
-                  </div>
-                )}
-
-                <ItemBody global={global} entry={entry} isRawContent={isRawContent} />
-                {props.hideControls ? (
-                  <></>
-                ) : (
-                  <div className="item-controls">
-                    <EntryVoteBtn entry={entry} afterVote={afterVote} isPostSlider={false} />
-                    <EntryPayout entry={entry} />
-                    <EntryVotes entry={entry} history={history} />
-                    <a className={_c(`reply-btn ${edit ? "disabled" : ""}`)} onClick={toggleReply}>
-                      {_t("g.reply")}
-                    </a>
-                    {community &&
-                      canMute &&
-                      MuteBtn({
-                        entry,
-                        community: community!,
-                        activeUser: activeUser!,
-                        onSuccess: (entry) => {
-                          updateReply(entry);
-                        }
-                      })}
-                    {canEdit && (
-                      <div className="ml-3 dropdown-container">
-                        <MyDropDown {...menuConfig} float="right" alignBottom={true} />
-                      </div>
-                    )}
-                  </div>
-                )}
-              </>
-            );
-          })()}
-
-          {readMore && (
-            <div className="read-more">
-              {EntryLink({
-                ...props,
-                entry,
-                children: <a>{_t("discussion.read-more")}</a>
-              })}
-            </div>
-          )}
-        </div>
-      </div>
-
-      {reply &&
-        Comment({
-          ...props,
-          defText: lsDraft,
-          submitText: _t("g.reply"),
-          cancellable: true,
-          onSubmit: submitReply,
-          onCancel: toggleReply,
-          inProgress: inProgress,
-          autoFocus: true
-        })}
-
-      {edit &&
-        Comment({
-          ...props,
-          defText: entry.body,
-          submitText: _t("g.update"),
-          cancellable: true,
-          onSubmit: _updateReply,
-          onCancel: toggleEdit,
-          inProgress: inProgress,
-          autoFocus: true
-        })}
-
-      {showSubList && <List {...props} parent={entry} />}
+    if (previousIsRawContent !== isRawContent) {
+      show();
+    }
+  }, [isRawContent, previousIsRawContent]);
+  useEffect(() => setVisible(!!activeUser), [activeUser]);
+
+  const show = () => setVisible(true);
+
+  const join = (
+    <div className="discussion-card">
+      <div className="icon">{commentSvg}</div>
+      <div className="label">{_t("discussion.join")}</div>
+      <LoginRequired
+        toggleUIProp={toggleUIProp}
+        deleteUser={deleteUser}
+        updateActiveUser={updateActiveUser}
+        setActiveUser={setActiveUser}
+        users={users}
+        activeUser={activeUser}
+        ui={ui}
+      >
+        <Button>{_t("discussion.btn-join")}</Button>
+      </LoginRequired>
     </div>
   );
 
-  return normalComponent;
-};
-
-interface ListProps {
-  history: History;
-  location: Location;
-  global: Global;
-  dynamicProps: DynamicProps;
-  users: User[];
-  activeUser: ActiveUser | null;
-  discussion: DiscussionType;
-  parent: Entry;
-  community: Community | null;
-  isRawContent: boolean;
-  ui: UI;
-  addAccount: (data: Account) => void;
-  setActiveUser: (username: string | null) => void;
-  updateActiveUser: (data?: Account) => void;
-  deleteUser: (username: string) => void;
-  updateReply: (reply: Entry) => void;
-  addReply: (reply: Entry) => void;
-  deleteReply: (reply: Entry) => void;
-  toggleUIProp: (what: ToggleType) => void;
-  hideControls: boolean;
-}
-
-interface ListState {
-  isHiddenPermitted: boolean;
-  mutedData: string[];
-  isMounted: boolean;
-}
-
-export class List extends Component<ListProps> {
-  state: ListState = {
-    isHiddenPermitted: false,
-    mutedData: [],
-    isMounted: false
-  };
-
-  componentWillUnmount() {
-    document.getElementsByTagName("html")[0].style.position = "unset";
-    this.setState({ isMounted: false });
-  }
-
-  componentDidMount() {
-    this.setState({ isMounted: true });
-    document.getElementsByTagName("html")[0].style.position = "relative";
-    this.state.isMounted && this.fetchMutedUsers();
-  }
-
-  shouldComponentUpdate(nextProps: Readonly<Props>) {
-    if (
-      this.props.discussion === nextProps.discussion &&
-      this.props.activeUser === nextProps.activeUser
-    ) {
-      return false;
-    } else {
-      return true;
-    }
-  }
-
-  fetchMutedUsers = () => {
-    const { activeUser } = this.props;
-    if (activeUser) {
-      getFollowing(activeUser.username, "", "ignore", 100).then((r) => {
-        if (r) {
-          let filterList = r.map((user) => user.following);
-          this.state.isMounted && this.setState({ mutedData: filterList });
-        }
-      });
-    }
-  };
-
-  render() {
-    const { discussion, parent, activeUser, isRawContent } = this.props;
-    const { isHiddenPermitted, mutedData } = this.state;
-
-    const { list } = discussion;
-
-    let filtered = list.filter(
-      (x) => x.parent_author === parent.author && x.parent_permlink === parent.permlink
-    );
-
-    if (filtered.length === 0) {
-      return null;
-    }
-
-    let mutedContent = filtered.filter(
-      (item) =>
-        activeUser &&
-        mutedData.includes(item.author) &&
-        item.depth === 1 &&
-        item.parent_author === parent.author
-    );
-    let unmutedContent = filtered.filter((md) =>
-      mutedContent.every((fd) => fd.post_id !== md.post_id)
-    );
-    let data = isHiddenPermitted ? [...unmutedContent, ...mutedContent] : unmutedContent;
-    if (!activeUser) {
-      data = filtered;
-    }
+  if (isLoading) {
     return (
-      <div className="discussion-list">
-        {data.map((d) => (
-          <Item
-            key={`${d.author}-${d.permlink}`}
-            {...this.props}
-            entry={d}
-            hideControls={this.props.hideControls}
-            isRawContent={isRawContent}
-          />
-        ))}
-        {!isHiddenPermitted && mutedContent.length > 0 && activeUser && activeUser.username && (
-          <div className="hidden-warning flex justify-between flex-1 items-center mt-3">
-            <div className="flex-1">{_t("discussion.reveal-muted-long-description")}</div>
-            <div onClick={() => this.setState({ isHiddenPermitted: true })} className="pointer p-3">
-              <b>{_t("g.show")}</b>
-            </div>
-          </div>
-        )}
+      <div className="discussion">
+        <LinearProgress />
       </div>
     );
   }
-}
-
-interface Props {
-  history: History;
-  location: Location;
-  global: Global;
-  dynamicProps: DynamicProps;
-  users: User[];
-  activeUser: ActiveUser | null;
-  parent: Entry;
-  community: Community | null;
-  isRawContent: boolean;
-  discussion: DiscussionType;
-  ui: UI;
-  addAccount: (data: Account) => void;
-  setActiveUser: (username: string | null) => void;
-  updateActiveUser: (data?: Account) => void;
-  deleteUser: (username: string) => void;
-  fetchDiscussion: (parent_author: string, parent_permlink: string) => void;
-  sortDiscussion: (order: SortOrder) => void;
-  resetDiscussion: () => void;
-  updateReply: (reply: Entry) => void;
-  addReply: (reply: Entry) => void;
-  deleteReply: (reply: Entry) => void;
-  toggleUIProp: (what: ToggleType) => void;
-  hideControls: boolean;
-}
-
-interface State {
-  visible: boolean;
-  isMounted: boolean;
-}
-
-export class Discussion extends Component<Props, State> {
-  state: State = {
-    visible: !!this.props.activeUser,
-    isMounted: false
-  };
-
-  componentDidMount() {
-    this.setState({ isMounted: true });
-    const { activeUser } = this.props;
-    if (activeUser) {
-      this.fetch();
-    }
-  }
 
-  componentDidUpdate(prevProps: Readonly<Props>): void {
-    if (prevProps.isRawContent !== this.props.isRawContent) {
-      this.show();
-    }
-    const { parent } = this.props;
-    if (parent.url !== prevProps.parent.url) {
-      // url changed
-      this.fetch();
-    }
-
-    const { discussion } = this.props;
-    if (prevProps.discussion.list.length === 0 && discussion.list.length > 0) {
-      const { location } = this.props;
-      if (location.hash) {
-        const permlink = location.hash.replace("#", "");
-        const anchorId = `anchor-${permlink}`;
-        const anchorEl = document.getElementById(anchorId);
-        if (anchorEl) {
-          anchorEl.scrollIntoView();
-        }
-      }
-    }
+  if (!activeUser && count < 1) {
+    return <div className="discussion">{join}</div>;
   }
 
-  componentWillUnmount() {
-    const { resetDiscussion } = this.props;
-    resetDiscussion();
-    this.setState({ isMounted: false });
+  if (count < 1) {
+    return <div className="discussion empty" />;
   }
 
-  fetch = () => {
-    const { parent, fetchDiscussion } = this.props;
-    const { author, permlink } = parent;
-    fetchDiscussion(author, permlink);
-  };
-
-  orderChanged = (e: React.ChangeEvent<HTMLSelectElement>) => {
-    const order = e.target.value as SortOrder;
-    const { sortDiscussion } = this.props;
-    sortDiscussion(SortOrder[order]);
-  };
-
-  show = () => {
-    this.setState({ visible: true });
-    this.fetch();
-  };
-
-  render() {
-    const { parent, discussion, activeUser, isRawContent } = this.props;
-    const { visible } = this.state;
-    const { loading, order } = discussion;
-    const count = parent.children;
-
-    if (loading) {
-      return (
-        <div className="discussion">
-          <LinearProgress />
+  if (!visible && count >= 1) {
+    return (
+      <div className="discussion">
+        <div className="discussion-card">
+          <div className="icon">{commentSvg}</div>
+          <div className="label">{strCount}</div>
+          {hideControls ? <></> : <Button onClick={show}>{_t("g.show")}</Button>}
         </div>
-      );
-    }
-
-    const join = (
-      <div className="discussion-card">
-        <div className="icon">{commentSvg}</div>
-        <div className="label">{_t("discussion.join")}</div>
-        {LoginRequired({
-          ...this.props,
-          children: <Button>{_t("discussion.btn-join")}</Button>
-        })}
       </div>
     );
+  }
 
-    if (!activeUser && count < 1) {
-      return <div className="discussion">{join}</div>;
-    }
-
-    if (count < 1) {
-      return <div className="discussion empty" />;
-    }
-
-    const strCount =
-      count > 1 ? _t("discussion.n-replies", { n: count }) : _t("discussion.replies");
-
-    if (!visible && count >= 1) {
-      return (
-        <div className="discussion">
-          <div className="discussion-card">
-            <div className="icon">{commentSvg}</div>
-            <div className="label">{strCount}</div>
-            {this.props.hideControls ? <></> : <Button onClick={this.show}>{_t("g.show")}</Button>}
-          </div>
+  return (
+    <div className="discussion" id="discussion">
+      {!activeUser && <>{join}</>}
+      <div className="discussion-header">
+        <div className="count">
+          {" "}
+          {commentSvg} {strCount}
         </div>
-      );
-    }
-
-    return (
-      <div className="discussion" id="discussion">
-        {!activeUser && <>{join}</>}
-        <div className="discussion-header">
-          <div className="count">
-            {" "}
-            {commentSvg} {strCount}
+        <span className="flex-spacer" />
+        {hideControls ? (
+          <></>
+        ) : (
+          <div className="order">
+            <span className="order-label">{_t("discussion.order")}</span>
+            <FormControl
+              type="select"
+              value={order}
+              onChange={(e: any) => setOrder(e.target.value)}
+              disabled={isLoading}
+            >
+              <option value="trending">{_t("discussion.order-trending")}</option>
+              <option value="author_reputation">{_t("discussion.order-reputation")}</option>
+              <option value="votes">{_t("discussion.order-votes")}</option>
+              <option value="created">{_t("discussion.order-created")}</option>
+            </FormControl>
           </div>
-          <span className="flex-spacer" />
-          {this.props.hideControls ? (
-            <></>
-          ) : (
-            <div className="order">
-              <span className="order-label">{_t("discussion.order")}</span>
-              <FormControl
-                type="select"
-                value={order}
-                onChange={this.orderChanged}
-                disabled={loading}
-              >
-                <option value="trending">{_t("discussion.order-trending")}</option>
-                <option value="author_reputation">{_t("discussion.order-reputation")}</option>
-                <option value="votes">{_t("discussion.order-votes")}</option>
-                <option value="created">{_t("discussion.order-created")}</option>
-              </FormControl>
-            </div>
-          )}
-        </div>
-        <List {...this.props} parent={parent} isRawContent={isRawContent} />
+        )}
       </div>
-    );
-  }
+      <DiscussionList
+        root={parent}
+        discussionList={data}
+        history={history}
+        hideControls={hideControls}
+        parent={parent}
+        isRawContent={isRawContent}
+        community={community}
+      />
+    </div>
+  );
 }
-
-export default (p: Props) => {
-  const props: Props = {
-    history: p.history,
-    location: p.location,
-    global: p.global,
-    dynamicProps: p.dynamicProps,
-    users: p.users,
-    activeUser: p.activeUser,
-    parent: p.parent,
-    community: p.community,
-    discussion: p.discussion,
-    isRawContent: p.isRawContent,
-    ui: p.ui,
-    addAccount: p.addAccount,
-    setActiveUser: p.setActiveUser,
-    updateActiveUser: p.updateActiveUser,
-    deleteUser: p.deleteUser,
-    fetchDiscussion: p.fetchDiscussion,
-    sortDiscussion: p.sortDiscussion,
-    resetDiscussion: p.resetDiscussion,
-    updateReply: p.updateReply,
-    addReply: p.addReply,
-    deleteReply: p.deleteReply,
-    toggleUIProp: p.toggleUIProp,
-    hideControls: p.hideControls
-  };
-
-  return <Discussion {...props} />;
-};
diff --git a/src/common/components/discussion/test1.spec.tsx b/src/common/components/discussion/test1.spec.tsx
deleted file mode 100644
index 4715a0af959..00000000000
--- a/src/common/components/discussion/test1.spec.tsx
+++ /dev/null
@@ -1,118 +0,0 @@
-import React from "react";
-
-import Discussion from "./index";
-
-import { Discussion as DiscussionType, SortOrder } from "../../store/discussion/types";
-
-import { create, act } from "react-test-renderer";
-
-import { createBrowserHistory, createLocation } from "history";
-
-import {
-  globalInstance,
-  discussionInstace1,
-  dynamicPropsIntance1,
-  activeUserMaker,
-  communityInstance1,
-  UiInstance,
-  allOver
-} from "../../helper/test-helper";
-import { withStore } from "../../tests/with-store";
-
-jest.mock("moment", () => () => ({
-  fromNow: () => "3 days ago",
-  format: (f: string, s: string) => "2020-01-01 23:12:00"
-}));
-
-const [parent] = discussionInstace1;
-const [, ...replies] = discussionInstace1;
-
-const discussion: DiscussionType = {
-  list: replies,
-  loading: false,
-  error: false,
-  order: SortOrder.trending
-};
-
-const defProps = {
-  history: createBrowserHistory(),
-  location: createLocation({}),
-  global: globalInstance,
-  dynamicProps: dynamicPropsIntance1,
-  users: [],
-  activeUser: activeUserMaker("foo"),
-  ui: UiInstance,
-  parent,
-  community: null,
-  isRawContent: false,
-  discussion,
-  addAccount: () => {},
-  setActiveUser: () => {},
-  updateActiveUser: () => {},
-  deleteUser: () => {},
-  fetchDiscussion: () => {},
-  sortDiscussion: () => {},
-  resetDiscussion: () => {},
-  updateReply: () => {},
-  addReply: () => {},
-  deleteReply: () => {},
-  toggleUIProp: () => {},
-  hideControls: false
-};
-
-it("(1) Full render with active user", async () => {
-  // render the component
-  let component = await withStore(<Discussion {...defProps} />);
-  await allOver();
-  // make assertions on component
-  expect(component.toJSON()).toMatchSnapshot();
-});
-
-it("(2) Full render with no active user", async () => {
-  const props = {
-    ...defProps,
-    activeUser: null
-  };
-  // render the component
-  let component = await withStore(<Discussion {...props} />);
-  await allOver();
-  // make assertions on component
-  expect(component.toJSON()).toMatchSnapshot();
-});
-
-it("(3) With selected item", async () => {
-  const props = {
-    ...defProps,
-    location: createLocation({ hash: "#@forykw/re-esteemapp-202067t12246786z" })
-  };
-  // render the component
-  let component = await withStore(<Discussion {...props} />);
-  await allOver();
-  // make assertions on component
-  expect(component.toJSON()).toMatchSnapshot();
-});
-
-it("(4) Show mute button, muted comment", async () => {
-  let [reply] = replies;
-  reply = { ...reply, stats: { hide: false, gray: true, total_votes: 180, flag_weight: 0 } };
-
-  const discussion: DiscussionType = {
-    list: [reply, replies[1]],
-    loading: false,
-    error: false,
-    order: SortOrder.trending
-  };
-
-  const nProps = {
-    ...defProps,
-    discussion,
-    activeUser: activeUserMaker("hive-148441"),
-    community: communityInstance1
-  };
-
-  // render the component
-  const component = await withStore(<Discussion {...nProps} />);
-  await allOver();
-  // make assertions on component
-  expect(component.toJSON()).toMatchSnapshot();
-});
diff --git a/src/common/components/discussion/test2.spec.tsx b/src/common/components/discussion/test2.spec.tsx
deleted file mode 100644
index 213d14557cf..00000000000
--- a/src/common/components/discussion/test2.spec.tsx
+++ /dev/null
@@ -1,73 +0,0 @@
-import React from "react";
-
-import Discussion from "./index";
-
-import { Discussion as DiscussionType, SortOrder } from "../../store/discussion/types";
-
-import { create, act } from "react-test-renderer";
-
-import { createBrowserHistory, createLocation } from "history";
-
-import {
-  globalInstance,
-  discussionInstace1,
-  dynamicPropsIntance1,
-  activeUserMaker,
-  allOver,
-  UiInstance
-} from "../../helper/test-helper";
-
-const [parent] = discussionInstace1;
-
-const discussion: DiscussionType = {
-  list: [],
-  loading: false,
-  error: false,
-  order: SortOrder.trending
-};
-
-const defProps = {
-  history: createBrowserHistory(),
-  location: createLocation({}),
-  global: globalInstance,
-  dynamicProps: dynamicPropsIntance1,
-  users: [],
-  activeUser: null,
-  parent: { ...parent, children: 0 },
-  community: null,
-  isRawContent: false,
-  discussion,
-  ui: UiInstance,
-  addAccount: () => {},
-  setActiveUser: () => {},
-  updateActiveUser: () => {},
-  deleteUser: () => {},
-  fetchDiscussion: () => {},
-  sortDiscussion: () => {},
-  resetDiscussion: () => {},
-  updateReply: () => {},
-  addReply: () => {},
-  deleteReply: () => {},
-  toggleUIProp: () => {},
-  hideControls: false
-};
-
-it("(1) Empty list with no active user", async () => {
-  // render the component
-  let component = await create(<Discussion {...defProps} />);
-  await allOver();
-  // make assertions on component
-  expect(component.toJSON()).toMatchSnapshot();
-});
-
-it("(2) Empty list with active user", async () => {
-  const props = {
-    ...defProps,
-    activeUser: activeUserMaker("foo")
-  };
-  // render the component
-  let component = await create(<Discussion {...props} />);
-  await allOver();
-  // make assertions on component
-  expect(component.toJSON()).toMatchSnapshot();
-});
diff --git a/src/common/components/entry-delete-btn/index.tsx b/src/common/components/entry-delete-btn/index.tsx
index 0c311e58eae..069586c954b 100644
--- a/src/common/components/entry-delete-btn/index.tsx
+++ b/src/common/components/entry-delete-btn/index.tsx
@@ -1,4 +1,4 @@
-import React from "react";
+import React, { ReactElement } from "react";
 import { Entry } from "../../store/entries/types";
 import { ActiveUser } from "../../store/active-user/types";
 import BaseComponent from "../base";
@@ -6,12 +6,14 @@ import PopoverConfirm from "@ui/popover-confirm";
 import { error } from "../feedback";
 import { deleteComment, formatError } from "../../api/operations";
 import _c from "../../util/fix-class-names";
+import { queryClient, QueryIdentifiers } from "../../core";
 
 interface Props {
-  children: JSX.Element;
+  children: ReactElement;
   entry: Entry;
+  parent?: Entry;
   activeUser: ActiveUser | null;
-  onSuccess: () => void;
+  onSuccess?: () => void;
   setDeleteInProgress?: (value: boolean) => void;
   isComment?: boolean;
 }
@@ -26,15 +28,32 @@ export class EntryDeleteBtn extends BaseComponent<Props> {
   };
 
   delete = () => {
-    const { entry, activeUser, onSuccess, setDeleteInProgress } = this.props;
+    const { entry, activeUser, onSuccess, setDeleteInProgress, parent } = this.props;
     setDeleteInProgress && setDeleteInProgress(true);
 
     this.stateSet({ inProgress: true });
     deleteComment(activeUser?.username!, entry.author, entry.permlink)
       .then(() => {
-        onSuccess();
+        onSuccess?.();
         this.stateSet({ inProgress: false });
         setDeleteInProgress && setDeleteInProgress(false);
+
+        if (parent) {
+          const previousReplies =
+            queryClient.getQueryData<Entry[]>([
+              QueryIdentifiers.FETCH_DISCUSSIONS,
+              parent?.author,
+              parent?.permlink
+            ]) ?? [];
+          queryClient.setQueryData(
+            [QueryIdentifiers.FETCH_DISCUSSIONS, parent?.author, parent?.permlink],
+            [
+              ...previousReplies.filter(
+                (r) => r.author !== entry.author || r.permlink !== entry.permlink
+              )
+            ]
+          );
+        }
       })
       .catch((e) => {
         error(...formatError(e));
diff --git a/src/common/components/entry-votes/_index.scss b/src/common/components/entry-votes/_index.scss
index f400c11f5af..31eac1c8ae6 100644
--- a/src/common/components/entry-votes/_index.scss
+++ b/src/common/components/entry-votes/_index.scss
@@ -69,8 +69,8 @@
 .entry-votes {
   margin-right: 15px;
   align-items: center;
-  @apply text-gray-steel;
   display: flex;
+  @apply text-gray-steel;
 
   @media (min-width: $sm-break) {
     margin-right: 25px;
@@ -106,7 +106,10 @@
     &.no-data {
       cursor: default;
     }
+
     .heart-icon {
+      display: flex;
+
       &.voted {
         svg {
           @apply fill-blue-dark-sky;
@@ -116,6 +119,7 @@
 
       &.vote-done {
         animation: heartbeat 1s ease-in-out forwards;
+
         svg {
           @apply fill-blue-dark-sky;
           @apply text-blue-dark-sky;
diff --git a/src/common/core/caches/entries-cache.tsx b/src/common/core/caches/entries-cache.tsx
index 351d31f6644..ecce33686fa 100644
--- a/src/common/core/caches/entries-cache.tsx
+++ b/src/common/core/caches/entries-cache.tsx
@@ -54,7 +54,7 @@ export const EntriesCacheManager = ({ children }: { children: any }) => {
   };
 
   const addReply = (entry: Entry, reply: Entry) => {
-    const cached = cache.get(makePath("", entry.author, entry.permlink))!!;
+    const cached = cache.get(makePath("", entry.author, entry.permlink)) ?? entry;
 
     updateCache([
       {
diff --git a/src/common/core/react-query.ts b/src/common/core/react-query.ts
index b9cc66c7b69..f491d1494e7 100644
--- a/src/common/core/react-query.ts
+++ b/src/common/core/react-query.ts
@@ -27,6 +27,8 @@ export enum QueryIdentifiers {
   THREE_SPEAK_VIDEO_LIST_FILTERED = "three-speak-video-list-filtered",
   DRAFTS = "drafts",
   BY_DRAFT_ID = "by-draft-id",
-
-  GET_ACCOUNT_FULL = "get-account-full"
+  FETCH_DISCUSSIONS = "fetch-discussions",
+  FETCH_MUTED_USERS = "fetch-muted-users",
+  GET_ACCOUNT_FULL = "get-account-full",
+  GET_POSTS = "get-posts"
 }
diff --git a/src/common/features/chats/mutations/invite-via-post-comment.ts b/src/common/features/chats/mutations/invite-via-post-comment.ts
index 974c20f4e10..644cefd3933 100644
--- a/src/common/features/chats/mutations/invite-via-post-comment.ts
+++ b/src/common/features/chats/mutations/invite-via-post-comment.ts
@@ -1,5 +1,4 @@
 import { useMutation } from "@tanstack/react-query";
-import { getAccountPosts } from "../../../api/bridge";
 import { comment } from "../../../api/operations";
 import tempEntry from "../../../helper/temp-entry";
 import { FullAccount } from "../../../store/accounts/types";
@@ -7,16 +6,17 @@ import { createReplyPermlink } from "../../../helper/posting";
 import { useMappedStore } from "../../../store/use-mapped-store";
 import { error } from "../../../components/feedback";
 import { _t } from "../../../i18n";
+import { useCreateReply } from "../../../api/mutations";
+import { useGetAccountPostsQuery } from "../../../api/queries";
 
 export function useInviteViaPostComment(username: string) {
-  const { activeUser, addReply } = useMappedStore();
+  const { activeUser } = useMappedStore();
+  const { data: posts } = useGetAccountPostsQuery(username);
+  const { mutateAsync: addReply } = useCreateReply(posts[0]);
 
   return useMutation(["chats/invite-via-post-comment"], async (text: string) => {
-    const response = await getAccountPosts("posts", username);
-    if (response && response.length > 0) {
-      const firstPost = response[0];
-
-      const { author: parentAuthor, permlink: parentPermlink } = firstPost;
+    if (posts[0]) {
+      const { author: parentAuthor, permlink: parentPermlink } = posts[0];
       const author = activeUser!!.username;
       const permlink = createReplyPermlink(author);
       await comment(author, parentAuthor, parentPermlink, permlink, "", text, {}, null, true);
@@ -30,7 +30,7 @@ export function useInviteViaPostComment(username: string) {
           body: text,
           tags: [],
           description: null
-        })
+        }) as any
       );
     } else {
       error(_t("chat.no-posts-for-invite"));
diff --git a/src/common/features/ui/button/index.tsx b/src/common/features/ui/button/index.tsx
index 7f32c0ef23d..070b8ffed54 100644
--- a/src/common/features/ui/button/index.tsx
+++ b/src/common/features/ui/button/index.tsx
@@ -42,7 +42,7 @@ export const Button = forwardRef<HTMLButtonElement | HTMLAnchorElement | NavLink
     const icon = props.icon ? (
       <div
         className={classNameObject({
-          "flex justify-center items-center w-5 h-5": true,
+          "flex justify-center items-center w-5 h-5 [&>svg]:w-5 [&>svg]:h-5": true,
           [props.iconClassName ?? ""]: true
         })}
       >
diff --git a/src/common/features/ui/core/index.tsx b/src/common/features/ui/core/index.tsx
new file mode 100644
index 00000000000..2410170d150
--- /dev/null
+++ b/src/common/features/ui/core/index.tsx
@@ -0,0 +1,24 @@
+import React, { createContext, PropsWithChildren } from "react";
+import { useSet } from "react-use";
+
+export const UIContext = createContext<{
+  openPopovers: Set<string>;
+  addOpenPopover: (v: string) => void;
+  removeOpenPopover: (v: string) => void;
+}>({
+  openPopovers: new Set(),
+  addOpenPopover: () => {},
+  removeOpenPopover: () => {}
+});
+
+export function UIManager({ children }: PropsWithChildren<unknown>) {
+  const [openPopovers, { add: addOpenPopover, remove: removeOpenPopover }] = useSet(
+    new Set<string>()
+  );
+
+  return (
+    <UIContext.Provider value={{ openPopovers, addOpenPopover, removeOpenPopover }}>
+      {children}
+    </UIContext.Provider>
+  );
+}
diff --git a/src/common/features/ui/dropdown/dropdown-item.tsx b/src/common/features/ui/dropdown/dropdown-item.tsx
index e23706328b5..8eef4804cb5 100644
--- a/src/common/features/ui/dropdown/dropdown-item.tsx
+++ b/src/common/features/ui/dropdown/dropdown-item.tsx
@@ -22,7 +22,7 @@ export function DropdownItem(props: HTMLProps<HTMLDivElement>) {
 }
 
 export function DropdownItemWithIcon(
-  props: HTMLProps<HTMLDivElement> & { icon: ReactNode; label: ReactNode }
+  props: Omit<HTMLProps<HTMLDivElement>, "label"> & { icon: ReactNode; label: any }
 ) {
   return (
     <DropdownItem {...props}>
diff --git a/src/common/features/ui/dropdown/index.tsx b/src/common/features/ui/dropdown/index.tsx
index 92dd813b89f..e07ddbbe15b 100644
--- a/src/common/features/ui/dropdown/index.tsx
+++ b/src/common/features/ui/dropdown/index.tsx
@@ -1,7 +1,8 @@
-import React, { HTMLProps, useRef, useState } from "react";
+import React, { HTMLProps, useContext, useRef, useState } from "react";
 import { DropdownContext } from "@ui/dropdown/dropdown-context";
 import { classNameObject } from "../../../helper/class-name-object";
 import useClickAway from "react-use/lib/useClickAway";
+import { UIContext } from "@ui/core";
 import { useFilteredProps } from "../../../util/props-filter";
 
 export * from "./dropdown-item";
@@ -17,8 +18,15 @@ interface Props {
 export function Dropdown(props: HTMLProps<HTMLDivElement> & Props) {
   const [show, setShow] = useState(false);
   const ref = useRef<HTMLDivElement | null>(null);
+  const { openPopovers } = useContext(UIContext);
 
   useClickAway(ref, () => {
+    if (openPopovers.size === 0) {
+      setShow(false);
+    } else {
+      return;
+    }
+
     if (props.closeOnClickOutside ?? true) {
       setShow(false);
       // props.setShow?.(false);
diff --git a/src/common/features/ui/index.ts b/src/common/features/ui/index.ts
index 2b1c9c13092..b4971613af3 100644
--- a/src/common/features/ui/index.ts
+++ b/src/common/features/ui/index.ts
@@ -9,3 +9,4 @@ export * from "./table";
 export * from "./alert";
 export * from "./badge";
 export * from "./pagination";
+export * from "./core";
diff --git a/src/common/features/ui/popover-confirm/index.tsx b/src/common/features/ui/popover-confirm/index.tsx
index aa3361f89e0..6600045ad92 100644
--- a/src/common/features/ui/popover-confirm/index.tsx
+++ b/src/common/features/ui/popover-confirm/index.tsx
@@ -1,4 +1,4 @@
-import React, { Component } from "react";
+import React, { useState } from "react";
 import { Popover, PopoverContent, PopoverTitle } from "@ui/popover";
 import { _t } from "../../../i18n";
 import { Button } from "@ui/button";
@@ -16,90 +16,72 @@ interface Props {
   containerRef?: React.RefObject<HTMLInputElement>;
 }
 
-interface State {
-  show: boolean;
-}
-
-export default class PopoverConfirm extends Component<Props> {
-  state: State = {
-    show: false
-  };
+function PopoverConfirm(props: Props) {
+  const [show, setShow] = useState(false);
 
-  toggle = (e?: React.MouseEvent) => {
+  const toggle = (e?: React.MouseEvent) => {
     if (e) {
       e.preventDefault();
       e.stopPropagation();
     }
 
-    const { show } = this.state;
-    this.setState({ show: !show });
+    setShow(!show);
   };
 
-  confirm = () => {
-    this.toggle();
+  const confirm = () => {
+    toggle();
 
-    const { onConfirm } = this.props;
-    if (onConfirm) {
-      onConfirm();
+    if (props.onConfirm) {
+      props.onConfirm();
     }
   };
 
-  cancel = () => {
-    this.toggle();
+  const cancel = () => {
+    toggle();
 
-    const { onCancel } = this.props;
-    if (onCancel) {
-      onCancel();
+    if (props.onCancel) {
+      props.onCancel();
     }
   };
 
-  render() {
-    const { titleText, okText, okVariant, cancelText, children, trigger, containerRef, placement } =
-      this.props;
-    const { show } = this.state;
-
-    const clonedChildren = React.cloneElement(children, {
-      onClick: this.toggle
+  if (!show) {
+    return React.cloneElement(props.children, {
+      onClick: toggle
     });
+  }
 
-    const popover = (
+  return (
+    <>
       <Popover
-        show={this.state.show}
-        setShow={(value) => this.setState({ show: value })}
+        show={show}
+        setShow={setShow}
         id="popover-confirm"
         onClick={(e) => {
           // Prevent to trigger hide event on modal dialog
           e.stopPropagation();
         }}
       >
-        <PopoverTitle>{titleText || _t("confirm.title")}</PopoverTitle>
+        <PopoverTitle>{props.titleText || _t("confirm.title")}</PopoverTitle>
         <PopoverContent>
           <div style={{ textAlign: "center" }}>
             <Button
+              id="popover-confirm-ok"
               size="sm"
-              appearance={okVariant || "primary"}
+              appearance={props.okVariant || "primary"}
               style={{ marginRight: "10px" }}
-              onClick={this.confirm}
+              onClick={confirm}
             >
-              {okText || _t("confirm.ok")}
+              {props.okText || _t("confirm.ok")}
             </Button>
-            <Button size="sm" appearance="secondary" onClick={this.cancel}>
-              {cancelText || _t("confirm.cancel")}
+            <Button id="popover-confirm-cancel" size="sm" appearance="secondary" onClick={cancel}>
+              {props.cancelText || _t("confirm.cancel")}
             </Button>
           </div>
         </PopoverContent>
       </Popover>
-    );
-
-    if (!show) {
-      return clonedChildren;
-    }
-
-    return (
-      <>
-        {popover}
-        {children}
-      </>
-    );
-  }
+      {props.children}
+    </>
+  );
 }
+
+export default PopoverConfirm;
diff --git a/src/common/features/ui/popover/index.tsx b/src/common/features/ui/popover/index.tsx
index 583298d3214..6c942a09af3 100644
--- a/src/common/features/ui/popover/index.tsx
+++ b/src/common/features/ui/popover/index.tsx
@@ -1,8 +1,10 @@
-import React, { HTMLAttributes, ReactNode, useEffect, useState } from "react";
-import { useMountedState } from "react-use";
+import React, { HTMLAttributes, ReactNode, useContext, useEffect, useState } from "react";
+import { useMountedState, useUnmount } from "react-use";
 import { usePopper } from "react-popper";
 import { createPortal } from "react-dom";
 import { useFilteredProps } from "../../../util/props-filter";
+import { UIContext } from "@ui/core";
+import { v4 } from "uuid";
 
 interface ShowProps {
   show: boolean;
@@ -17,7 +19,9 @@ interface Props {
 
 export function Popover(props: (ShowProps | Props) & HTMLAttributes<HTMLDivElement>) {
   const isMounted = useMountedState();
+  const { addOpenPopover, removeOpenPopover } = useContext(UIContext);
 
+  const [id, setId] = useState(`popover-${v4()}`);
   const [host, setHost] = useState<any>();
   const [popperElement, setPopperElement] = useState<any>();
   const popper = usePopper(host, popperElement, {
@@ -27,6 +31,16 @@ export function Popover(props: (ShowProps | Props) & HTMLAttributes<HTMLDivEleme
 
   const nativeProps = useFilteredProps(props, ["anchorParent", "show", "setShow"]);
 
+  useEffect(() => {
+    if (show) {
+      addOpenPopover(id);
+    } else {
+      removeOpenPopover(id);
+    }
+  }, [show]);
+
+  useUnmount(() => removeOpenPopover(id));
+
   useEffect(() => {
     if ((props as Props).anchorParent && host) {
       host.parentElement.addEventListener("mouseenter", () => setShow(true));
@@ -43,7 +57,8 @@ export function Popover(props: (ShowProps | Props) & HTMLAttributes<HTMLDivEleme
       {isMounted() && show ? (
         createPortal(
           <div
-            className="z-[1060] bg-white border rounded-xl"
+            id={id}
+            className="ecency-popover z-[1060] bg-white border border-[--border-color] rounded-xl"
             style={popper.styles.popper}
             {...popper.attributes.popper}
             ref={setPopperElement}
diff --git a/src/common/i18n/locales/en-US.json b/src/common/i18n/locales/en-US.json
index 68e76cb202e..76ee2460d65 100644
--- a/src/common/i18n/locales/en-US.json
+++ b/src/common/i18n/locales/en-US.json
@@ -83,6 +83,9 @@
     "failed": "Failed",
     "status": "Status",
     "download": "Download",
+    "last": "Last",
+    "pin": "Pin",
+    "unpin": "Unpin",
     "retry": "Retry"
   },
   "confirm": {
diff --git a/src/common/pages/entry/_index.scss b/src/common/pages/entry/_index.scss
index 808ac33abcf..406926baf04 100644
--- a/src/common/pages/entry/_index.scss
+++ b/src/common/pages/entry/_index.scss
@@ -44,7 +44,7 @@
 }
 
 .entry-page {
-  font-family: Lora, Georgia, serif;
+  @apply font-sans;
 
   .the-entry {
     margin: 0 auto 90px auto;
@@ -211,6 +211,7 @@
         font-size: 42px;
         margin: 16px 0 22px 0;
         word-break: break-word;
+        font-family: Lora, Georgia, serif;
 
         @media (min-width: $md-break) {
           font-size: 38px;
@@ -347,6 +348,8 @@
     }
 
     .entry-body {
+      font-family: Lora, Georgia, serif;
+
       @include clearfix();
       padding: 0 0 2em 0;
       font-size: 21px;
diff --git a/src/common/pages/entry/index-amp.tsx b/src/common/pages/entry/index-amp.tsx
index a13a3ee9aa8..b6a482b3f0f 100644
--- a/src/common/pages/entry/index-amp.tsx
+++ b/src/common/pages/entry/index-amp.tsx
@@ -214,14 +214,12 @@ const EntryAmpComponent = (props: Props) => {
   };
 
   const deleted = async () => {
-    const { deleteReply } = props;
-    entry && deleteReply(entry);
     ls.set(`deletedComment`, entry?.post_id);
     props.history?.goBack();
   };
 
   const updateReply = async (text: string) => {
-    const { activeUser, updateReply } = props;
+    const { activeUser } = props;
 
     if (entry) {
       const { permlink, parent_author: parentAuthor, parent_permlink: parentPermlink } = entry;
@@ -244,10 +242,6 @@ const EntryAmpComponent = (props: Props) => {
         setComment(text);
         setIsCommented(true);
         ss.remove(`reply_draft_${entry.author}_${entry.permlink}`);
-        updateReply({
-          ...entry,
-          body: text
-        }); // update store
         setEdit(false);
         reload();
       } catch (e) {
diff --git a/src/common/pages/entry/index.tsx b/src/common/pages/entry/index.tsx
index e2607f7869d..50e64383d77 100644
--- a/src/common/pages/entry/index.tsx
+++ b/src/common/pages/entry/index.tsx
@@ -9,7 +9,7 @@ import { Entry, EntryVote } from "../../store/entries/types";
 import Meta from "../../components/meta";
 import ScrollToTop from "../../components/scroll-to-top";
 import Theme from "../../components/theme";
-import Feedback, { error } from "../../components/feedback";
+import Feedback from "../../components/feedback";
 import MdHandler from "../../components/md-handler";
 import truncate from "../../util/truncate";
 import { catchPostImage, postBodySummary, renderPostBody } from "@ecency/render-helper";
@@ -45,18 +45,16 @@ import * as ls from "../../util/local-storage";
 import Comment from "../../components/comment";
 import SimilarEntries from "../../components/similar-entries";
 import { createReplyPermlink, makeJsonMetaDataReply } from "../../helper/posting";
-import { comment as commentApi, formatError } from "../../api/operations";
 import * as ss from "../../util/session-storage";
 import { version } from "../../../../package.json";
 import appName from "../../helper/app-name";
 import EntryVoteBtn from "../../components/entry-vote-btn/index";
 import EntryPayout from "../../components/entry-payout/index";
 import EntryVotes from "../../components/entry-votes";
-import Discussion from "../../components/discussion";
+import { Discussion } from "../../components/discussion";
 import EntryReblogBtn from "../../components/entry-reblog-btn/index";
 import EntryTipBtn from "../../components/entry-tip-btn";
-import { BaseAccount, FullAccount } from "../../store/accounts/types";
-import tempEntry from "../../helper/temp-entry";
+import { BaseAccount } from "../../store/accounts/types";
 import {
   EntriesCacheContext,
   useCommunityCache,
@@ -69,10 +67,10 @@ import { getFollowing } from "../../api/hive";
 import { useDistanceDetector } from "./distance-detector";
 import usePrevious from "react-use/lib/usePrevious";
 import { Button } from "@ui/button";
+import { useCreateReply, useUpdateReply } from "../../api/mutations";
 
 const EntryComponent = (props: Props) => {
   const [loading, setLoading] = useState(false);
-  const [replying, setReplying] = useState(false);
   const [edit, setEdit] = useState(false);
   const [showIfNsfw, setShowIfNsfw] = useState(false);
   const [editHistory, setEditHistory] = useState(false);
@@ -108,12 +106,13 @@ const EntryComponent = (props: Props) => {
   const commentsInputRef = useRef(null);
   const entryControlsRef = useRef<HTMLDivElement | null>(null);
 
-  const { updateVotes, updateCache } = useContext(EntriesCacheContext);
+  const { updateVotes } = useContext(EntriesCacheContext);
   const { data: entry, error: entryError } = useEntryCache(
     "",
     props.match.params.username.replace("@", ""),
     props.match.params.permlink
   );
+
   const { mutateAsync: reFetch } = useEntryReFetch(entry);
   const { data: community } = useCommunityCache(props.match.params.category);
   const {
@@ -124,6 +123,20 @@ const EntryComponent = (props: Props) => {
     props.match.params.username.replace("@", ""),
     props.match.params.permlink
   );
+  const { mutateAsync: createReply, isLoading: isCreateReplyLoading } = useCreateReply(
+    entry,
+    undefined,
+    () => {
+      setIsCommented(true);
+    }
+  );
+  const { mutateAsync: updateReplyApi, isLoading: isUpdateReplyLoading } = useUpdateReply(
+    entry,
+    () => {
+      setEdit(false);
+      reload();
+    }
+  );
 
   useDistanceDetector(
     entryControlsRef,
@@ -248,49 +261,19 @@ const EntryComponent = (props: Props) => {
   };
 
   const deleted = async () => {
-    const { deleteReply } = props;
-    entry && deleteReply(entry);
     ls.set(`deletedComment`, entry?.post_id);
     props.history?.goBack();
   };
 
   const updateReply = async (text: string) => {
-    const { activeUser, updateReply } = props;
-
     if (entry) {
-      const { permlink, parent_author: parentAuthor, parent_permlink: parentPermlink } = entry;
-      const jsonMeta = makeJsonMetaDataReply(entry.json_metadata.tags || ["ecency"], version);
-
-      setReplying(true);
-
-      try {
-        await commentApi(
-          activeUser?.username!,
-          parentAuthor!,
-          parentPermlink!,
-          permlink,
-          "",
-          text,
-          jsonMeta,
-          null
-        );
-
-        setComment(text);
-        setIsCommented(true);
-        ss.remove(`reply_draft_${entry.author}_${entry.permlink}`);
-        updateReply({
-          ...entry,
-          body: text
-        }); // update store
-        setEdit(false);
-        reload();
-      } catch (e) {
-        error(...formatError(e));
-      } finally {
-        setReplying(false);
-        setIsCommented(false);
-      }
+      return updateReplyApi({
+        text,
+        point: true,
+        jsonMeta: makeJsonMetaDataReply(entry.json_metadata.tags || ["ecency"], version)
+      });
     }
+    return;
   };
 
   const afterVote = async (votes: EntryVote[], estimated: number) => {
@@ -302,66 +285,15 @@ const EntryComponent = (props: Props) => {
   };
 
   const replySubmitted = async (text: string) => {
-    const { activeUser, addReply, updateEntry } = props;
-
-    if (!activeUser || !activeUser.data.__loaded) {
-      return;
-    }
-
-    const { author: parentAuthor, permlink: parentPermlink } = entry!!;
-    const author = activeUser.username;
     const permlink = createReplyPermlink(entry!.author);
     const tags = entry!.json_metadata.tags || ["ecency"];
 
-    const jsonMeta = makeJsonMetaDataReply(tags, version);
-
-    setReplying(true);
-    try {
-      await commentApi(
-        author,
-        parentAuthor,
-        parentPermlink,
-        permlink,
-        "",
-        text,
-        jsonMeta,
-        null,
-        true
-      );
-
-      const nReply = tempEntry({
-        author: activeUser.data as FullAccount,
-        permlink,
-        parentAuthor,
-        parentPermlink,
-        title: "",
-        body: text,
-        tags,
-        description: null
-      });
-
-      // add new reply to store
-      addReply(nReply);
-
-      // remove reply draft
-      ss.remove(`reply_draft_${entry!.author}_${entry!.permlink}`);
-      setIsCommented(true);
-
-      if (entry!.children === 0) {
-        // Activate discussion section with first comment.
-        updateCache([
-          {
-            ...entry!!,
-            children: 1
-          }
-        ]);
-      }
-    } catch (e) {
-      error(...formatError(e));
-    } finally {
-      setReplying(false);
-      setIsCommented(false);
-    }
+    return createReply({
+      jsonMeta: makeJsonMetaDataReply(tags, version),
+      text,
+      permlink,
+      point: true
+    });
   };
 
   const notificationsCount =
@@ -799,7 +731,7 @@ const EntryComponent = (props: Props) => {
                                 cancellable: true,
                                 onSubmit: updateReply,
                                 onCancel: () => setEdit(!edit),
-                                inProgress: replying,
+                                inProgress: isCreateReplyLoading || isUpdateReplyLoading,
                                 autoFocus: true,
                                 inputRef: commentsInputRef,
                                 entry
@@ -953,7 +885,7 @@ const EntryComponent = (props: Props) => {
                     submitText: _t("g.reply"),
                     resetSelection: () => setSelection(""),
                     onSubmit: replySubmitted,
-                    inProgress: replying,
+                    inProgress: isCreateReplyLoading || isUpdateReplyLoading,
                     isCommented: isCommented,
                     inputRef: commentsInputRef,
                     entry: entry
@@ -970,13 +902,11 @@ const EntryComponent = (props: Props) => {
                   {props.activeUser && entry.children === 0 && <CommentEngagement />}
 
                   <Discussion
-                    {...{
-                      ...props,
-                      parent: entry,
-                      community,
-                      hideControls: false,
-                      isRawContent: isRawContent
-                    }}
+                    parent={entry}
+                    community={community}
+                    hideControls={false}
+                    isRawContent={isRawContent}
+                    history={props.history}
                   />
                 </>
               );
diff --git a/src/common/store/actions.ts b/src/common/store/actions.ts
index eb7b42bd5ae..f2878a91361 100644
--- a/src/common/store/actions.ts
+++ b/src/common/store/actions.ts
@@ -14,14 +14,6 @@ import {
 import { fetchTrendingTags } from "./trending-tags";
 import { updateSubscriptions } from "./subscriptions";
 import { addEntry, fetchEntries, invalidateEntries, updateEntry } from "./entries";
-import {
-  addReply,
-  deleteReply,
-  fetchDiscussion,
-  resetDiscussion,
-  sortDiscussion,
-  updateReply
-} from "./discussion";
 import { addAccount } from "./accounts";
 import { fetchTransactions, resetTransactions } from "./transactions";
 import { addUser, deleteUser } from "./users";
@@ -58,12 +50,6 @@ export const ACTIONS = {
   addEntry,
   updateEntry,
   invalidateEntries,
-  fetchDiscussion,
-  sortDiscussion,
-  resetDiscussion,
-  updateReply,
-  addReply,
-  deleteReply,
   addAccount,
   fetchTransactions,
   resetTransactions,
diff --git a/src/common/store/discussion/__snapshots__/index.spec.ts.snap b/src/common/store/discussion/__snapshots__/index.spec.ts.snap
deleted file mode 100644
index 6ea56f7207d..00000000000
--- a/src/common/store/discussion/__snapshots__/index.spec.ts.snap
+++ /dev/null
@@ -1,161 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`1- default state 1`] = `
-Object {
-  "error": false,
-  "list": Array [],
-  "loading": false,
-  "order": "trending",
-}
-`;
-
-exports[`2- fetch 1`] = `
-Object {
-  "error": false,
-  "list": Array [],
-  "loading": true,
-  "order": "trending",
-}
-`;
-
-exports[`3- fetch error 1`] = `
-Object {
-  "error": true,
-  "list": Array [],
-  "loading": false,
-  "order": "trending",
-}
-`;
-
-exports[`4- fetch 1`] = `
-Object {
-  "error": false,
-  "list": Array [],
-  "loading": true,
-  "order": "trending",
-}
-`;
-
-exports[`5- fetched 1`] = `
-Object {
-  "error": false,
-  "list": Array [
-    Object {
-      "active_votes": Array [
-        Object {
-          "rshares": 34273117581576,
-          "voter": "user1",
-        },
-        Object {
-          "rshares": 2269348064337,
-          "voter": "user2",
-        },
-        Object {
-          "rshares": 19969726098,
-          "voter": "user3",
-        },
-        Object {
-          "rshares": 725359024516,
-          "voter": "user4",
-        },
-        Object {
-          "rshares": 24029616493,
-          "voter": "user5",
-        },
-        Object {
-          "rshares": 1485954337,
-          "voter": "user6",
-        },
-        Object {
-          "rshares": 1281560607198,
-          "voter": "user7",
-        },
-        Object {
-          "rshares": 554323413016,
-          "voter": "user8",
-        },
-        Object {
-          "rshares": 140063022903,
-          "voter": "user9",
-        },
-        Object {
-          "rshares": 542424211,
-          "voter": "user10",
-        },
-      ],
-      "author": "good-karma",
-      "author_payout_value": "0.000 HBD",
-      "author_reputation": 76.58,
-      "beneficiaries": Array [
-        Object {
-          "account": "esteemapp",
-          "weight": 300,
-        },
-      ],
-      "blacklists": Array [],
-      "body": "Hey developers,
-
-![awesome-hive.png](https://images.ecency.com/DQmetNmv6rtcRxueXJSNm7ErLLKNYGJETxsNSoehn6xk9BC/awesome-hive.png)
-
-I just created [Awesome-Hive](https://github.com/ledgerconnect/awesome-hive), list of services and apps on Hive.
-
-If you don't know about Awesome project, take a look at here: https://project-awesome.org/
-
-Project contains list of services and links to various tools and libraries. Quite useful if you are developing or learning some new programming languages or skills. So we now have \`awesome-hive\` list, feel free to submit your pull request to add your apps, services. 
-
-I will submit PR to project awesome in 30 days to list Hive in decentralized systems section. One of the requirements, awesome list should be around for more than 30 days. So I ask anyone with service, tools, dapps to submit pull request to https://github.com/ledgerconnect/awesome-hive so we have complete list of services by end of June.
-
-In 30 days, we will PR to official project awesome list. More awareness about awesome Hive! Meanwhile, let's complete \`awesome-hive\` together! 😎 🙇 🙏 
-
-## Hive on!",
-      "category": "hive",
-      "children": 31,
-      "created": "2020-06-01T05:53:33",
-      "curator_payout_value": "0.000 HBD",
-      "depth": 0,
-      "is_paidout": false,
-      "json_metadata": Object {
-        "app": "esteem/2.2.7-surfer",
-        "tags": Array [
-          "hive",
-          "hiveio",
-          "awesome",
-          "devs",
-          "development",
-          "list",
-        ],
-      },
-      "max_accepted_payout": "1000000.000 HBD",
-      "net_rshares": 234863836438976,
-      "payout": 125.095,
-      "payout_at": "2020-06-08T05:53:33",
-      "pending_payout_value": "125.095 HBD",
-      "percent_hbd": 10000,
-      "permlink": "awesome-hive",
-      "post_id": 86342505,
-      "promoted": "0.000 HBD",
-      "replies": Array [],
-      "stats": Object {
-        "flag_weight": 1,
-        "gray": false,
-        "hide": false,
-        "total_votes": 10,
-      },
-      "title": "Awesome Hive",
-      "updated": "2020-06-01T14:41:15",
-      "url": "/hive/@good-karma/awesome-hive",
-    },
-  ],
-  "loading": false,
-  "order": "trending",
-}
-`;
-
-exports[`6- reset 1`] = `
-Object {
-  "error": false,
-  "list": Array [],
-  "loading": false,
-  "order": "trending",
-}
-`;
diff --git a/src/common/store/discussion/__snapshots__/sorter.spec.ts.snap b/src/common/store/discussion/__snapshots__/sorter.spec.ts.snap
deleted file mode 100644
index c2941fdc7c4..00000000000
--- a/src/common/store/discussion/__snapshots__/sorter.spec.ts.snap
+++ /dev/null
@@ -1,1657 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`(1) Sort trending 1`] = `
-Array [
-  Object {
-    "active_votes": Array [
-      Object {
-        "rshares": 154659337454,
-        "voter": "foxkoit",
-      },
-      Object {
-        "rshares": 118413204550,
-        "voter": "jznsamuel",
-      },
-    ],
-    "author": "behiver",
-    "author_payout_value": "0.000 HBD",
-    "author_reputation": 57.66,
-    "beneficiaries": Array [
-      Object {
-        "account": "esteemapp",
-        "weight": 300,
-      },
-    ],
-    "blacklists": Array [],
-    "body": "Great to see my name on the Giveaway and I like quite much engaging on Discord and find out what others are doing in the HIVE space. A source of news, common hobbies and other topics that rise up your day.",
-    "category": "esteem",
-    "children": 0,
-    "created": "2020-06-06T05:57:39",
-    "curator_payout_value": "0.000 HBD",
-    "depth": 1,
-    "is_paidout": false,
-    "json_metadata": Object {},
-    "max_accepted_payout": "1000000.000 HBD",
-    "net_rshares": 273072542004,
-    "parent_author": "esteemapp",
-    "parent_permlink": "esteem-discord-monthly-giveaway-winners-21",
-    "payout": 0.077,
-    "payout_at": "2020-06-13T05:57:39",
-    "pending_payout_value": "0.077 HBD",
-    "percent_hbd": 10000,
-    "permlink": "re-esteemapp-202066t85739415z",
-    "post_id": 86423439,
-    "promoted": "0.000 HBD",
-    "replies": Array [],
-    "stats": Object {
-      "flag_weight": 0,
-      "gray": false,
-      "hide": false,
-      "total_votes": 2,
-    },
-    "title": "RE: Esteem Discord Monthly Giveaway Winners #21",
-    "updated": "2020-06-06T05:57:39",
-    "url": "/esteem/@esteemapp/esteem-discord-monthly-giveaway-winners-21#@behiver/re-esteemapp-202066t85739415z",
-  },
-  Object {
-    "active_votes": Array [
-      Object {
-        "rshares": 123,
-        "voter": "foo",
-      },
-      Object {
-        "rshares": 123,
-        "voter": "bar",
-      },
-    ],
-    "author": "irisworld",
-    "author_payout_value": "0.000 HBD",
-    "author_reputation": 65.01,
-    "beneficiaries": Array [
-      Object {
-        "account": "esteemapp",
-        "weight": 300,
-      },
-    ],
-    "blacklists": Array [],
-    "body": "yahoo! thanks a lot!",
-    "category": "esteem",
-    "children": 0,
-    "created": "2020-06-06T05:58:09",
-    "curator_payout_value": "0.000 HBD",
-    "depth": 1,
-    "is_paidout": false,
-    "json_metadata": Object {},
-    "max_accepted_payout": "1000000.000 HBD",
-    "net_rshares": 265974487101,
-    "parent_author": "esteemapp",
-    "parent_permlink": "esteem-discord-monthly-giveaway-winners-21",
-    "payout": 0.075,
-    "payout_at": "2020-06-13T05:58:09",
-    "pending_payout_value": "0.075 HBD",
-    "percent_hbd": 10000,
-    "permlink": "re-esteemapp-202066t14588243z",
-    "post_id": 86423446,
-    "promoted": "0.000 HBD",
-    "replies": Array [],
-    "stats": Object {
-      "flag_weight": 0,
-      "gray": false,
-      "hide": false,
-      "total_votes": 2,
-    },
-    "title": "RE: Esteem Discord Monthly Giveaway Winners #21",
-    "updated": "2020-06-06T05:58:09",
-    "url": "/esteem/@esteemapp/esteem-discord-monthly-giveaway-winners-21#@irisworld/re-esteemapp-202066t14588243z",
-  },
-  Object {
-    "active_votes": Array [
-      Object {
-        "rshares": 116060350556,
-        "voter": "jznsamuel",
-      },
-    ],
-    "author": "trincowski",
-    "author_payout_value": "0.000 HBD",
-    "author_reputation": 68.52,
-    "beneficiaries": Array [
-      Object {
-        "account": "esteemapp",
-        "weight": 300,
-      },
-    ],
-    "blacklists": Array [],
-    "body": "Awesome. Thank you very much.",
-    "category": "esteem",
-    "children": 0,
-    "created": "2020-06-06T07:41:39",
-    "curator_payout_value": "0.000 HBD",
-    "depth": 1,
-    "is_paidout": false,
-    "json_metadata": Object {},
-    "max_accepted_payout": "1000000.000 HBD",
-    "net_rshares": 116060350556,
-    "parent_author": "esteemapp",
-    "parent_permlink": "esteem-discord-monthly-giveaway-winners-21",
-    "payout": 0.032,
-    "payout_at": "2020-06-13T07:41:39",
-    "pending_payout_value": "0.032 HBD",
-    "percent_hbd": 10000,
-    "permlink": "re-esteemapp-202066t84137915z",
-    "post_id": 86425273,
-    "promoted": "0.000 HBD",
-    "replies": Array [],
-    "stats": Object {
-      "flag_weight": 0,
-      "gray": false,
-      "hide": false,
-      "total_votes": 1,
-    },
-    "title": "RE: Esteem Discord Monthly Giveaway Winners #21",
-    "updated": "2020-06-06T07:41:39",
-    "url": "/esteem/@esteemapp/esteem-discord-monthly-giveaway-winners-21#@trincowski/re-esteemapp-202066t84137915z",
-  },
-  Object {
-    "active_votes": Array [
-      Object {
-        "rshares": 117230405346,
-        "voter": "jznsamuel",
-      },
-    ],
-    "author": "foxkoit",
-    "author_payout_value": "0.000 HBD",
-    "author_reputation": 71.51,
-    "beneficiaries": Array [
-      Object {
-        "account": "esteemapp",
-        "weight": 300,
-      },
-    ],
-    "blacklists": Array [],
-    "body": "Thank you 😀😇😇",
-    "category": "esteem",
-    "children": 0,
-    "created": "2020-06-06T05:59:03",
-    "curator_payout_value": "0.000 HBD",
-    "depth": 1,
-    "is_paidout": false,
-    "json_metadata": Object {},
-    "max_accepted_payout": "1000000.000 HBD",
-    "net_rshares": 117230405346,
-    "parent_author": "esteemapp",
-    "parent_permlink": "esteem-discord-monthly-giveaway-winners-21",
-    "payout": 0.032,
-    "payout_at": "2020-06-13T05:59:03",
-    "pending_payout_value": "0.032 HBD",
-    "percent_hbd": 10000,
-    "permlink": "re-esteemapp-202066t8590757z",
-    "post_id": 86423472,
-    "promoted": "0.000 HBD",
-    "replies": Array [],
-    "stats": Object {
-      "flag_weight": 0,
-      "gray": false,
-      "hide": false,
-      "total_votes": 1,
-    },
-    "title": "RE: Esteem Discord Monthly Giveaway Winners #21",
-    "updated": "2020-06-06T05:59:03",
-    "url": "/esteem/@esteemapp/esteem-discord-monthly-giveaway-winners-21#@foxkoit/re-esteemapp-202066t8590757z",
-  },
-  Object {
-    "active_votes": Array [
-      Object {
-        "rshares": 114901996313,
-        "voter": "jznsamuel",
-      },
-    ],
-    "author": "ardpien",
-    "author_payout_value": "0.000 HBD",
-    "author_reputation": 47.13,
-    "beneficiaries": Array [],
-    "blacklists": Array [],
-    "body": "😃 I am mentioned here. That's great! All thanks to ESTEEM for creating an awesome Discord server for us to talk in there and participate in activities. Thank You ESTEEM team :) and @good-karma.",
-    "category": "esteem",
-    "children": 0,
-    "created": "2020-06-06T10:40:54",
-    "curator_payout_value": "0.000 HBD",
-    "depth": 1,
-    "is_paidout": false,
-    "json_metadata": Object {},
-    "max_accepted_payout": "1000000.000 HBD",
-    "net_rshares": 114901996313,
-    "parent_author": "esteemapp",
-    "parent_permlink": "esteem-discord-monthly-giveaway-winners-21",
-    "payout": 0.031,
-    "payout_at": "2020-06-13T10:40:54",
-    "pending_payout_value": "0.031 HBD",
-    "percent_hbd": 10000,
-    "permlink": "qbi303",
-    "post_id": 86426904,
-    "promoted": "0.000 HBD",
-    "replies": Array [],
-    "stats": Object {
-      "flag_weight": 0,
-      "gray": false,
-      "hide": false,
-      "total_votes": 1,
-    },
-    "title": "RE: Esteem Discord Monthly Giveaway Winners #21",
-    "updated": "2020-06-06T10:40:54",
-    "url": "/esteem/@esteemapp/esteem-discord-monthly-giveaway-winners-21#@ardpien/qbi303",
-  },
-  Object {
-    "active_votes": Array [],
-    "author": "forykw",
-    "author_payout_value": "0.000 HBD",
-    "author_reputation": 64.87,
-    "beneficiaries": Array [
-      Object {
-        "account": "esteemapp",
-        "weight": 300,
-      },
-    ],
-    "blacklists": Array [],
-    "body": "Prizes have consistently been very effective from @esteemapp nicely done!",
-    "category": "esteem",
-    "children": 0,
-    "created": "2020-06-07T00:02:48",
-    "curator_payout_value": "0.000 HBD",
-    "depth": 1,
-    "is_paidout": false,
-    "json_metadata": Object {},
-    "max_accepted_payout": "1000000.000 HBD",
-    "net_rshares": 0,
-    "parent_author": "esteemapp",
-    "parent_permlink": "esteem-discord-monthly-giveaway-winners-21",
-    "payout": 0,
-    "payout_at": "2020-06-14T00:02:48",
-    "pending_payout_value": "0.000 HBD",
-    "percent_hbd": 10000,
-    "permlink": "re-esteemapp-202067t12246786z",
-    "post_id": 86437193,
-    "promoted": "0.000 HBD",
-    "replies": Array [],
-    "stats": Object {
-      "flag_weight": 0,
-      "gray": false,
-      "hide": false,
-      "total_votes": 0,
-    },
-    "title": "RE: Esteem Discord Monthly Giveaway Winners #21",
-    "updated": "2020-06-07T00:02:48",
-    "url": "/esteem/@esteemapp/esteem-discord-monthly-giveaway-winners-21#@forykw/re-esteemapp-202067t12246786z",
-  },
-  Object {
-    "active_votes": Array [],
-    "author": "brittandjosie",
-    "author_payout_value": "0.000 HBD",
-    "author_reputation": 71.78,
-    "beneficiaries": Array [],
-    "blacklists": Array [],
-    "body": "@ardpien congrats on being one of the winners ",
-    "category": "esteem",
-    "children": 1,
-    "created": "2020-06-06T12:03:03",
-    "curator_payout_value": "0.000 HBD",
-    "depth": 1,
-    "is_paidout": false,
-    "json_metadata": Object {
-      "app": "peakd/2020.05.5",
-      "tags": Array [
-        "esteem",
-      ],
-    },
-    "max_accepted_payout": "1000000.000 HBD",
-    "net_rshares": 0,
-    "parent_author": "esteemapp",
-    "parent_permlink": "esteem-discord-monthly-giveaway-winners-21",
-    "payout": 0,
-    "payout_at": "2020-06-13T12:03:03",
-    "pending_payout_value": "0.000 HBD",
-    "percent_hbd": 10000,
-    "permlink": "re-esteemapp-qbi6t3",
-    "post_id": 86427694,
-    "promoted": "0.000 HBD",
-    "replies": Array [
-      "ardpien/re-brittandjosie-qbjoep",
-    ],
-    "stats": Object {
-      "flag_weight": 0,
-      "gray": false,
-      "hide": false,
-      "total_votes": 0,
-    },
-    "title": "RE: Esteem Discord Monthly Giveaway Winners #21",
-    "updated": "2020-06-06T12:03:03",
-    "url": "/esteem/@esteemapp/esteem-discord-monthly-giveaway-winners-21#@brittandjosie/re-esteemapp-qbi6t3",
-  },
-  Object {
-    "active_votes": Array [],
-    "author": "iliyan90",
-    "author_payout_value": "0.000 HBD",
-    "author_reputation": 60.22,
-    "beneficiaries": Array [
-      Object {
-        "account": "esteemapp",
-        "weight": 300,
-      },
-    ],
-    "blacklists": Array [],
-    "body": "@esteemapp
-Bug report [click here](https://esteem.app/esteem/@iliyan90/bug-report-to-esteemapp)",
-    "category": "esteem",
-    "children": 0,
-    "created": "2020-06-06T09:46:15",
-    "curator_payout_value": "0.000 HBD",
-    "depth": 1,
-    "is_paidout": false,
-    "json_metadata": Object {},
-    "max_accepted_payout": "1000000.000 HBD",
-    "net_rshares": 0,
-    "parent_author": "esteemapp",
-    "parent_permlink": "esteem-discord-monthly-giveaway-winners-21",
-    "payout": 0,
-    "payout_at": "2020-06-13T09:46:15",
-    "pending_payout_value": "0.000 HBD",
-    "percent_hbd": 10000,
-    "permlink": "re-esteemapp-202066t124616772z",
-    "post_id": 86426429,
-    "promoted": "0.000 HBD",
-    "replies": Array [],
-    "stats": Object {
-      "flag_weight": 0,
-      "gray": false,
-      "hide": false,
-      "total_votes": 0,
-    },
-    "title": "RE: Esteem Discord Monthly Giveaway Winners #21",
-    "updated": "2020-06-06T09:46:36",
-    "url": "/esteem/@esteemapp/esteem-discord-monthly-giveaway-winners-21#@iliyan90/re-esteemapp-202066t124616772z",
-  },
-  Object {
-    "active_votes": Array [],
-    "author": "ardpien",
-    "author_payout_value": "0.000 HBD",
-    "author_reputation": 47.13,
-    "beneficiaries": Array [],
-    "blacklists": Array [],
-    "body": "Thank you, Miss. @birttandjosie.",
-    "category": "esteem",
-    "children": 0,
-    "created": "2020-06-07T07:20:51",
-    "curator_payout_value": "0.000 HBD",
-    "depth": 2,
-    "is_paidout": false,
-    "json_metadata": Object {
-      "app": "peakd/2020.05.5",
-      "tags": Array [
-        "esteem",
-      ],
-    },
-    "max_accepted_payout": "1000000.000 HBD",
-    "net_rshares": 0,
-    "parent_author": "brittandjosie",
-    "parent_permlink": "re-esteemapp-qbi6t3",
-    "payout": 0,
-    "payout_at": "2020-06-14T07:20:51",
-    "pending_payout_value": "0.000 HBD",
-    "percent_hbd": 10000,
-    "permlink": "re-brittandjosie-qbjoep",
-    "post_id": 86440916,
-    "promoted": "0.000 HBD",
-    "replies": Array [],
-    "stats": Object {
-      "flag_weight": 0,
-      "gray": false,
-      "hide": false,
-      "total_votes": 0,
-    },
-    "title": "RE: Esteem Discord Monthly Giveaway Winners #21",
-    "updated": "2020-06-07T07:20:51",
-    "url": "/esteem/@esteemapp/esteem-discord-monthly-giveaway-winners-21#@ardpien/re-brittandjosie-qbjoep",
-  },
-]
-`;
-
-exports[`(2) Sort author_reputation 1`] = `
-Array [
-  Object {
-    "active_votes": Array [],
-    "author": "brittandjosie",
-    "author_payout_value": "0.000 HBD",
-    "author_reputation": 71.78,
-    "beneficiaries": Array [],
-    "blacklists": Array [],
-    "body": "@ardpien congrats on being one of the winners ",
-    "category": "esteem",
-    "children": 1,
-    "created": "2020-06-06T12:03:03",
-    "curator_payout_value": "0.000 HBD",
-    "depth": 1,
-    "is_paidout": false,
-    "json_metadata": Object {
-      "app": "peakd/2020.05.5",
-      "tags": Array [
-        "esteem",
-      ],
-    },
-    "max_accepted_payout": "1000000.000 HBD",
-    "net_rshares": 0,
-    "parent_author": "esteemapp",
-    "parent_permlink": "esteem-discord-monthly-giveaway-winners-21",
-    "payout": 0,
-    "payout_at": "2020-06-13T12:03:03",
-    "pending_payout_value": "0.000 HBD",
-    "percent_hbd": 10000,
-    "permlink": "re-esteemapp-qbi6t3",
-    "post_id": 86427694,
-    "promoted": "0.000 HBD",
-    "replies": Array [
-      "ardpien/re-brittandjosie-qbjoep",
-    ],
-    "stats": Object {
-      "flag_weight": 0,
-      "gray": false,
-      "hide": false,
-      "total_votes": 0,
-    },
-    "title": "RE: Esteem Discord Monthly Giveaway Winners #21",
-    "updated": "2020-06-06T12:03:03",
-    "url": "/esteem/@esteemapp/esteem-discord-monthly-giveaway-winners-21#@brittandjosie/re-esteemapp-qbi6t3",
-  },
-  Object {
-    "active_votes": Array [
-      Object {
-        "rshares": 117230405346,
-        "voter": "jznsamuel",
-      },
-    ],
-    "author": "foxkoit",
-    "author_payout_value": "0.000 HBD",
-    "author_reputation": 71.51,
-    "beneficiaries": Array [
-      Object {
-        "account": "esteemapp",
-        "weight": 300,
-      },
-    ],
-    "blacklists": Array [],
-    "body": "Thank you 😀😇😇",
-    "category": "esteem",
-    "children": 0,
-    "created": "2020-06-06T05:59:03",
-    "curator_payout_value": "0.000 HBD",
-    "depth": 1,
-    "is_paidout": false,
-    "json_metadata": Object {},
-    "max_accepted_payout": "1000000.000 HBD",
-    "net_rshares": 117230405346,
-    "parent_author": "esteemapp",
-    "parent_permlink": "esteem-discord-monthly-giveaway-winners-21",
-    "payout": 0.032,
-    "payout_at": "2020-06-13T05:59:03",
-    "pending_payout_value": "0.032 HBD",
-    "percent_hbd": 10000,
-    "permlink": "re-esteemapp-202066t8590757z",
-    "post_id": 86423472,
-    "promoted": "0.000 HBD",
-    "replies": Array [],
-    "stats": Object {
-      "flag_weight": 0,
-      "gray": false,
-      "hide": false,
-      "total_votes": 1,
-    },
-    "title": "RE: Esteem Discord Monthly Giveaway Winners #21",
-    "updated": "2020-06-06T05:59:03",
-    "url": "/esteem/@esteemapp/esteem-discord-monthly-giveaway-winners-21#@foxkoit/re-esteemapp-202066t8590757z",
-  },
-  Object {
-    "active_votes": Array [
-      Object {
-        "rshares": 116060350556,
-        "voter": "jznsamuel",
-      },
-    ],
-    "author": "trincowski",
-    "author_payout_value": "0.000 HBD",
-    "author_reputation": 68.52,
-    "beneficiaries": Array [
-      Object {
-        "account": "esteemapp",
-        "weight": 300,
-      },
-    ],
-    "blacklists": Array [],
-    "body": "Awesome. Thank you very much.",
-    "category": "esteem",
-    "children": 0,
-    "created": "2020-06-06T07:41:39",
-    "curator_payout_value": "0.000 HBD",
-    "depth": 1,
-    "is_paidout": false,
-    "json_metadata": Object {},
-    "max_accepted_payout": "1000000.000 HBD",
-    "net_rshares": 116060350556,
-    "parent_author": "esteemapp",
-    "parent_permlink": "esteem-discord-monthly-giveaway-winners-21",
-    "payout": 0.032,
-    "payout_at": "2020-06-13T07:41:39",
-    "pending_payout_value": "0.032 HBD",
-    "percent_hbd": 10000,
-    "permlink": "re-esteemapp-202066t84137915z",
-    "post_id": 86425273,
-    "promoted": "0.000 HBD",
-    "replies": Array [],
-    "stats": Object {
-      "flag_weight": 0,
-      "gray": false,
-      "hide": false,
-      "total_votes": 1,
-    },
-    "title": "RE: Esteem Discord Monthly Giveaway Winners #21",
-    "updated": "2020-06-06T07:41:39",
-    "url": "/esteem/@esteemapp/esteem-discord-monthly-giveaway-winners-21#@trincowski/re-esteemapp-202066t84137915z",
-  },
-  Object {
-    "active_votes": Array [
-      Object {
-        "rshares": 123,
-        "voter": "foo",
-      },
-      Object {
-        "rshares": 123,
-        "voter": "bar",
-      },
-    ],
-    "author": "irisworld",
-    "author_payout_value": "0.000 HBD",
-    "author_reputation": 65.01,
-    "beneficiaries": Array [
-      Object {
-        "account": "esteemapp",
-        "weight": 300,
-      },
-    ],
-    "blacklists": Array [],
-    "body": "yahoo! thanks a lot!",
-    "category": "esteem",
-    "children": 0,
-    "created": "2020-06-06T05:58:09",
-    "curator_payout_value": "0.000 HBD",
-    "depth": 1,
-    "is_paidout": false,
-    "json_metadata": Object {},
-    "max_accepted_payout": "1000000.000 HBD",
-    "net_rshares": 265974487101,
-    "parent_author": "esteemapp",
-    "parent_permlink": "esteem-discord-monthly-giveaway-winners-21",
-    "payout": 0.075,
-    "payout_at": "2020-06-13T05:58:09",
-    "pending_payout_value": "0.075 HBD",
-    "percent_hbd": 10000,
-    "permlink": "re-esteemapp-202066t14588243z",
-    "post_id": 86423446,
-    "promoted": "0.000 HBD",
-    "replies": Array [],
-    "stats": Object {
-      "flag_weight": 0,
-      "gray": false,
-      "hide": false,
-      "total_votes": 2,
-    },
-    "title": "RE: Esteem Discord Monthly Giveaway Winners #21",
-    "updated": "2020-06-06T05:58:09",
-    "url": "/esteem/@esteemapp/esteem-discord-monthly-giveaway-winners-21#@irisworld/re-esteemapp-202066t14588243z",
-  },
-  Object {
-    "active_votes": Array [],
-    "author": "forykw",
-    "author_payout_value": "0.000 HBD",
-    "author_reputation": 64.87,
-    "beneficiaries": Array [
-      Object {
-        "account": "esteemapp",
-        "weight": 300,
-      },
-    ],
-    "blacklists": Array [],
-    "body": "Prizes have consistently been very effective from @esteemapp nicely done!",
-    "category": "esteem",
-    "children": 0,
-    "created": "2020-06-07T00:02:48",
-    "curator_payout_value": "0.000 HBD",
-    "depth": 1,
-    "is_paidout": false,
-    "json_metadata": Object {},
-    "max_accepted_payout": "1000000.000 HBD",
-    "net_rshares": 0,
-    "parent_author": "esteemapp",
-    "parent_permlink": "esteem-discord-monthly-giveaway-winners-21",
-    "payout": 0,
-    "payout_at": "2020-06-14T00:02:48",
-    "pending_payout_value": "0.000 HBD",
-    "percent_hbd": 10000,
-    "permlink": "re-esteemapp-202067t12246786z",
-    "post_id": 86437193,
-    "promoted": "0.000 HBD",
-    "replies": Array [],
-    "stats": Object {
-      "flag_weight": 0,
-      "gray": false,
-      "hide": false,
-      "total_votes": 0,
-    },
-    "title": "RE: Esteem Discord Monthly Giveaway Winners #21",
-    "updated": "2020-06-07T00:02:48",
-    "url": "/esteem/@esteemapp/esteem-discord-monthly-giveaway-winners-21#@forykw/re-esteemapp-202067t12246786z",
-  },
-  Object {
-    "active_votes": Array [],
-    "author": "iliyan90",
-    "author_payout_value": "0.000 HBD",
-    "author_reputation": 60.22,
-    "beneficiaries": Array [
-      Object {
-        "account": "esteemapp",
-        "weight": 300,
-      },
-    ],
-    "blacklists": Array [],
-    "body": "@esteemapp
-Bug report [click here](https://esteem.app/esteem/@iliyan90/bug-report-to-esteemapp)",
-    "category": "esteem",
-    "children": 0,
-    "created": "2020-06-06T09:46:15",
-    "curator_payout_value": "0.000 HBD",
-    "depth": 1,
-    "is_paidout": false,
-    "json_metadata": Object {},
-    "max_accepted_payout": "1000000.000 HBD",
-    "net_rshares": 0,
-    "parent_author": "esteemapp",
-    "parent_permlink": "esteem-discord-monthly-giveaway-winners-21",
-    "payout": 0,
-    "payout_at": "2020-06-13T09:46:15",
-    "pending_payout_value": "0.000 HBD",
-    "percent_hbd": 10000,
-    "permlink": "re-esteemapp-202066t124616772z",
-    "post_id": 86426429,
-    "promoted": "0.000 HBD",
-    "replies": Array [],
-    "stats": Object {
-      "flag_weight": 0,
-      "gray": false,
-      "hide": false,
-      "total_votes": 0,
-    },
-    "title": "RE: Esteem Discord Monthly Giveaway Winners #21",
-    "updated": "2020-06-06T09:46:36",
-    "url": "/esteem/@esteemapp/esteem-discord-monthly-giveaway-winners-21#@iliyan90/re-esteemapp-202066t124616772z",
-  },
-  Object {
-    "active_votes": Array [
-      Object {
-        "rshares": 154659337454,
-        "voter": "foxkoit",
-      },
-      Object {
-        "rshares": 118413204550,
-        "voter": "jznsamuel",
-      },
-    ],
-    "author": "behiver",
-    "author_payout_value": "0.000 HBD",
-    "author_reputation": 57.66,
-    "beneficiaries": Array [
-      Object {
-        "account": "esteemapp",
-        "weight": 300,
-      },
-    ],
-    "blacklists": Array [],
-    "body": "Great to see my name on the Giveaway and I like quite much engaging on Discord and find out what others are doing in the HIVE space. A source of news, common hobbies and other topics that rise up your day.",
-    "category": "esteem",
-    "children": 0,
-    "created": "2020-06-06T05:57:39",
-    "curator_payout_value": "0.000 HBD",
-    "depth": 1,
-    "is_paidout": false,
-    "json_metadata": Object {},
-    "max_accepted_payout": "1000000.000 HBD",
-    "net_rshares": 273072542004,
-    "parent_author": "esteemapp",
-    "parent_permlink": "esteem-discord-monthly-giveaway-winners-21",
-    "payout": 0.077,
-    "payout_at": "2020-06-13T05:57:39",
-    "pending_payout_value": "0.077 HBD",
-    "percent_hbd": 10000,
-    "permlink": "re-esteemapp-202066t85739415z",
-    "post_id": 86423439,
-    "promoted": "0.000 HBD",
-    "replies": Array [],
-    "stats": Object {
-      "flag_weight": 0,
-      "gray": false,
-      "hide": false,
-      "total_votes": 2,
-    },
-    "title": "RE: Esteem Discord Monthly Giveaway Winners #21",
-    "updated": "2020-06-06T05:57:39",
-    "url": "/esteem/@esteemapp/esteem-discord-monthly-giveaway-winners-21#@behiver/re-esteemapp-202066t85739415z",
-  },
-  Object {
-    "active_votes": Array [
-      Object {
-        "rshares": 114901996313,
-        "voter": "jznsamuel",
-      },
-    ],
-    "author": "ardpien",
-    "author_payout_value": "0.000 HBD",
-    "author_reputation": 47.13,
-    "beneficiaries": Array [],
-    "blacklists": Array [],
-    "body": "😃 I am mentioned here. That's great! All thanks to ESTEEM for creating an awesome Discord server for us to talk in there and participate in activities. Thank You ESTEEM team :) and @good-karma.",
-    "category": "esteem",
-    "children": 0,
-    "created": "2020-06-06T10:40:54",
-    "curator_payout_value": "0.000 HBD",
-    "depth": 1,
-    "is_paidout": false,
-    "json_metadata": Object {},
-    "max_accepted_payout": "1000000.000 HBD",
-    "net_rshares": 114901996313,
-    "parent_author": "esteemapp",
-    "parent_permlink": "esteem-discord-monthly-giveaway-winners-21",
-    "payout": 0.031,
-    "payout_at": "2020-06-13T10:40:54",
-    "pending_payout_value": "0.031 HBD",
-    "percent_hbd": 10000,
-    "permlink": "qbi303",
-    "post_id": 86426904,
-    "promoted": "0.000 HBD",
-    "replies": Array [],
-    "stats": Object {
-      "flag_weight": 0,
-      "gray": false,
-      "hide": false,
-      "total_votes": 1,
-    },
-    "title": "RE: Esteem Discord Monthly Giveaway Winners #21",
-    "updated": "2020-06-06T10:40:54",
-    "url": "/esteem/@esteemapp/esteem-discord-monthly-giveaway-winners-21#@ardpien/qbi303",
-  },
-  Object {
-    "active_votes": Array [],
-    "author": "ardpien",
-    "author_payout_value": "0.000 HBD",
-    "author_reputation": 47.13,
-    "beneficiaries": Array [],
-    "blacklists": Array [],
-    "body": "Thank you, Miss. @birttandjosie.",
-    "category": "esteem",
-    "children": 0,
-    "created": "2020-06-07T07:20:51",
-    "curator_payout_value": "0.000 HBD",
-    "depth": 2,
-    "is_paidout": false,
-    "json_metadata": Object {
-      "app": "peakd/2020.05.5",
-      "tags": Array [
-        "esteem",
-      ],
-    },
-    "max_accepted_payout": "1000000.000 HBD",
-    "net_rshares": 0,
-    "parent_author": "brittandjosie",
-    "parent_permlink": "re-esteemapp-qbi6t3",
-    "payout": 0,
-    "payout_at": "2020-06-14T07:20:51",
-    "pending_payout_value": "0.000 HBD",
-    "percent_hbd": 10000,
-    "permlink": "re-brittandjosie-qbjoep",
-    "post_id": 86440916,
-    "promoted": "0.000 HBD",
-    "replies": Array [],
-    "stats": Object {
-      "flag_weight": 0,
-      "gray": false,
-      "hide": false,
-      "total_votes": 0,
-    },
-    "title": "RE: Esteem Discord Monthly Giveaway Winners #21",
-    "updated": "2020-06-07T07:20:51",
-    "url": "/esteem/@esteemapp/esteem-discord-monthly-giveaway-winners-21#@ardpien/re-brittandjosie-qbjoep",
-  },
-]
-`;
-
-exports[`(3) Sort author_repuvotestation 1`] = `
-Array [
-  Object {
-    "active_votes": Array [],
-    "author": "brittandjosie",
-    "author_payout_value": "0.000 HBD",
-    "author_reputation": 71.78,
-    "beneficiaries": Array [],
-    "blacklists": Array [],
-    "body": "@ardpien congrats on being one of the winners ",
-    "category": "esteem",
-    "children": 1,
-    "created": "2020-06-06T12:03:03",
-    "curator_payout_value": "0.000 HBD",
-    "depth": 1,
-    "is_paidout": false,
-    "json_metadata": Object {
-      "app": "peakd/2020.05.5",
-      "tags": Array [
-        "esteem",
-      ],
-    },
-    "max_accepted_payout": "1000000.000 HBD",
-    "net_rshares": 0,
-    "parent_author": "esteemapp",
-    "parent_permlink": "esteem-discord-monthly-giveaway-winners-21",
-    "payout": 0,
-    "payout_at": "2020-06-13T12:03:03",
-    "pending_payout_value": "0.000 HBD",
-    "percent_hbd": 10000,
-    "permlink": "re-esteemapp-qbi6t3",
-    "post_id": 86427694,
-    "promoted": "0.000 HBD",
-    "replies": Array [
-      "ardpien/re-brittandjosie-qbjoep",
-    ],
-    "stats": Object {
-      "flag_weight": 0,
-      "gray": false,
-      "hide": false,
-      "total_votes": 0,
-    },
-    "title": "RE: Esteem Discord Monthly Giveaway Winners #21",
-    "updated": "2020-06-06T12:03:03",
-    "url": "/esteem/@esteemapp/esteem-discord-monthly-giveaway-winners-21#@brittandjosie/re-esteemapp-qbi6t3",
-  },
-  Object {
-    "active_votes": Array [],
-    "author": "forykw",
-    "author_payout_value": "0.000 HBD",
-    "author_reputation": 64.87,
-    "beneficiaries": Array [
-      Object {
-        "account": "esteemapp",
-        "weight": 300,
-      },
-    ],
-    "blacklists": Array [],
-    "body": "Prizes have consistently been very effective from @esteemapp nicely done!",
-    "category": "esteem",
-    "children": 0,
-    "created": "2020-06-07T00:02:48",
-    "curator_payout_value": "0.000 HBD",
-    "depth": 1,
-    "is_paidout": false,
-    "json_metadata": Object {},
-    "max_accepted_payout": "1000000.000 HBD",
-    "net_rshares": 0,
-    "parent_author": "esteemapp",
-    "parent_permlink": "esteem-discord-monthly-giveaway-winners-21",
-    "payout": 0,
-    "payout_at": "2020-06-14T00:02:48",
-    "pending_payout_value": "0.000 HBD",
-    "percent_hbd": 10000,
-    "permlink": "re-esteemapp-202067t12246786z",
-    "post_id": 86437193,
-    "promoted": "0.000 HBD",
-    "replies": Array [],
-    "stats": Object {
-      "flag_weight": 0,
-      "gray": false,
-      "hide": false,
-      "total_votes": 0,
-    },
-    "title": "RE: Esteem Discord Monthly Giveaway Winners #21",
-    "updated": "2020-06-07T00:02:48",
-    "url": "/esteem/@esteemapp/esteem-discord-monthly-giveaway-winners-21#@forykw/re-esteemapp-202067t12246786z",
-  },
-  Object {
-    "active_votes": Array [
-      Object {
-        "rshares": 114901996313,
-        "voter": "jznsamuel",
-      },
-    ],
-    "author": "ardpien",
-    "author_payout_value": "0.000 HBD",
-    "author_reputation": 47.13,
-    "beneficiaries": Array [],
-    "blacklists": Array [],
-    "body": "😃 I am mentioned here. That's great! All thanks to ESTEEM for creating an awesome Discord server for us to talk in there and participate in activities. Thank You ESTEEM team :) and @good-karma.",
-    "category": "esteem",
-    "children": 0,
-    "created": "2020-06-06T10:40:54",
-    "curator_payout_value": "0.000 HBD",
-    "depth": 1,
-    "is_paidout": false,
-    "json_metadata": Object {},
-    "max_accepted_payout": "1000000.000 HBD",
-    "net_rshares": 114901996313,
-    "parent_author": "esteemapp",
-    "parent_permlink": "esteem-discord-monthly-giveaway-winners-21",
-    "payout": 0.031,
-    "payout_at": "2020-06-13T10:40:54",
-    "pending_payout_value": "0.031 HBD",
-    "percent_hbd": 10000,
-    "permlink": "qbi303",
-    "post_id": 86426904,
-    "promoted": "0.000 HBD",
-    "replies": Array [],
-    "stats": Object {
-      "flag_weight": 0,
-      "gray": false,
-      "hide": false,
-      "total_votes": 1,
-    },
-    "title": "RE: Esteem Discord Monthly Giveaway Winners #21",
-    "updated": "2020-06-06T10:40:54",
-    "url": "/esteem/@esteemapp/esteem-discord-monthly-giveaway-winners-21#@ardpien/qbi303",
-  },
-  Object {
-    "active_votes": Array [],
-    "author": "iliyan90",
-    "author_payout_value": "0.000 HBD",
-    "author_reputation": 60.22,
-    "beneficiaries": Array [
-      Object {
-        "account": "esteemapp",
-        "weight": 300,
-      },
-    ],
-    "blacklists": Array [],
-    "body": "@esteemapp
-Bug report [click here](https://esteem.app/esteem/@iliyan90/bug-report-to-esteemapp)",
-    "category": "esteem",
-    "children": 0,
-    "created": "2020-06-06T09:46:15",
-    "curator_payout_value": "0.000 HBD",
-    "depth": 1,
-    "is_paidout": false,
-    "json_metadata": Object {},
-    "max_accepted_payout": "1000000.000 HBD",
-    "net_rshares": 0,
-    "parent_author": "esteemapp",
-    "parent_permlink": "esteem-discord-monthly-giveaway-winners-21",
-    "payout": 0,
-    "payout_at": "2020-06-13T09:46:15",
-    "pending_payout_value": "0.000 HBD",
-    "percent_hbd": 10000,
-    "permlink": "re-esteemapp-202066t124616772z",
-    "post_id": 86426429,
-    "promoted": "0.000 HBD",
-    "replies": Array [],
-    "stats": Object {
-      "flag_weight": 0,
-      "gray": false,
-      "hide": false,
-      "total_votes": 0,
-    },
-    "title": "RE: Esteem Discord Monthly Giveaway Winners #21",
-    "updated": "2020-06-06T09:46:36",
-    "url": "/esteem/@esteemapp/esteem-discord-monthly-giveaway-winners-21#@iliyan90/re-esteemapp-202066t124616772z",
-  },
-  Object {
-    "active_votes": Array [
-      Object {
-        "rshares": 116060350556,
-        "voter": "jznsamuel",
-      },
-    ],
-    "author": "trincowski",
-    "author_payout_value": "0.000 HBD",
-    "author_reputation": 68.52,
-    "beneficiaries": Array [
-      Object {
-        "account": "esteemapp",
-        "weight": 300,
-      },
-    ],
-    "blacklists": Array [],
-    "body": "Awesome. Thank you very much.",
-    "category": "esteem",
-    "children": 0,
-    "created": "2020-06-06T07:41:39",
-    "curator_payout_value": "0.000 HBD",
-    "depth": 1,
-    "is_paidout": false,
-    "json_metadata": Object {},
-    "max_accepted_payout": "1000000.000 HBD",
-    "net_rshares": 116060350556,
-    "parent_author": "esteemapp",
-    "parent_permlink": "esteem-discord-monthly-giveaway-winners-21",
-    "payout": 0.032,
-    "payout_at": "2020-06-13T07:41:39",
-    "pending_payout_value": "0.032 HBD",
-    "percent_hbd": 10000,
-    "permlink": "re-esteemapp-202066t84137915z",
-    "post_id": 86425273,
-    "promoted": "0.000 HBD",
-    "replies": Array [],
-    "stats": Object {
-      "flag_weight": 0,
-      "gray": false,
-      "hide": false,
-      "total_votes": 1,
-    },
-    "title": "RE: Esteem Discord Monthly Giveaway Winners #21",
-    "updated": "2020-06-06T07:41:39",
-    "url": "/esteem/@esteemapp/esteem-discord-monthly-giveaway-winners-21#@trincowski/re-esteemapp-202066t84137915z",
-  },
-  Object {
-    "active_votes": Array [
-      Object {
-        "rshares": 117230405346,
-        "voter": "jznsamuel",
-      },
-    ],
-    "author": "foxkoit",
-    "author_payout_value": "0.000 HBD",
-    "author_reputation": 71.51,
-    "beneficiaries": Array [
-      Object {
-        "account": "esteemapp",
-        "weight": 300,
-      },
-    ],
-    "blacklists": Array [],
-    "body": "Thank you 😀😇😇",
-    "category": "esteem",
-    "children": 0,
-    "created": "2020-06-06T05:59:03",
-    "curator_payout_value": "0.000 HBD",
-    "depth": 1,
-    "is_paidout": false,
-    "json_metadata": Object {},
-    "max_accepted_payout": "1000000.000 HBD",
-    "net_rshares": 117230405346,
-    "parent_author": "esteemapp",
-    "parent_permlink": "esteem-discord-monthly-giveaway-winners-21",
-    "payout": 0.032,
-    "payout_at": "2020-06-13T05:59:03",
-    "pending_payout_value": "0.032 HBD",
-    "percent_hbd": 10000,
-    "permlink": "re-esteemapp-202066t8590757z",
-    "post_id": 86423472,
-    "promoted": "0.000 HBD",
-    "replies": Array [],
-    "stats": Object {
-      "flag_weight": 0,
-      "gray": false,
-      "hide": false,
-      "total_votes": 1,
-    },
-    "title": "RE: Esteem Discord Monthly Giveaway Winners #21",
-    "updated": "2020-06-06T05:59:03",
-    "url": "/esteem/@esteemapp/esteem-discord-monthly-giveaway-winners-21#@foxkoit/re-esteemapp-202066t8590757z",
-  },
-  Object {
-    "active_votes": Array [
-      Object {
-        "rshares": 123,
-        "voter": "foo",
-      },
-      Object {
-        "rshares": 123,
-        "voter": "bar",
-      },
-    ],
-    "author": "irisworld",
-    "author_payout_value": "0.000 HBD",
-    "author_reputation": 65.01,
-    "beneficiaries": Array [
-      Object {
-        "account": "esteemapp",
-        "weight": 300,
-      },
-    ],
-    "blacklists": Array [],
-    "body": "yahoo! thanks a lot!",
-    "category": "esteem",
-    "children": 0,
-    "created": "2020-06-06T05:58:09",
-    "curator_payout_value": "0.000 HBD",
-    "depth": 1,
-    "is_paidout": false,
-    "json_metadata": Object {},
-    "max_accepted_payout": "1000000.000 HBD",
-    "net_rshares": 265974487101,
-    "parent_author": "esteemapp",
-    "parent_permlink": "esteem-discord-monthly-giveaway-winners-21",
-    "payout": 0.075,
-    "payout_at": "2020-06-13T05:58:09",
-    "pending_payout_value": "0.075 HBD",
-    "percent_hbd": 10000,
-    "permlink": "re-esteemapp-202066t14588243z",
-    "post_id": 86423446,
-    "promoted": "0.000 HBD",
-    "replies": Array [],
-    "stats": Object {
-      "flag_weight": 0,
-      "gray": false,
-      "hide": false,
-      "total_votes": 2,
-    },
-    "title": "RE: Esteem Discord Monthly Giveaway Winners #21",
-    "updated": "2020-06-06T05:58:09",
-    "url": "/esteem/@esteemapp/esteem-discord-monthly-giveaway-winners-21#@irisworld/re-esteemapp-202066t14588243z",
-  },
-  Object {
-    "active_votes": Array [
-      Object {
-        "rshares": 154659337454,
-        "voter": "foxkoit",
-      },
-      Object {
-        "rshares": 118413204550,
-        "voter": "jznsamuel",
-      },
-    ],
-    "author": "behiver",
-    "author_payout_value": "0.000 HBD",
-    "author_reputation": 57.66,
-    "beneficiaries": Array [
-      Object {
-        "account": "esteemapp",
-        "weight": 300,
-      },
-    ],
-    "blacklists": Array [],
-    "body": "Great to see my name on the Giveaway and I like quite much engaging on Discord and find out what others are doing in the HIVE space. A source of news, common hobbies and other topics that rise up your day.",
-    "category": "esteem",
-    "children": 0,
-    "created": "2020-06-06T05:57:39",
-    "curator_payout_value": "0.000 HBD",
-    "depth": 1,
-    "is_paidout": false,
-    "json_metadata": Object {},
-    "max_accepted_payout": "1000000.000 HBD",
-    "net_rshares": 273072542004,
-    "parent_author": "esteemapp",
-    "parent_permlink": "esteem-discord-monthly-giveaway-winners-21",
-    "payout": 0.077,
-    "payout_at": "2020-06-13T05:57:39",
-    "pending_payout_value": "0.077 HBD",
-    "percent_hbd": 10000,
-    "permlink": "re-esteemapp-202066t85739415z",
-    "post_id": 86423439,
-    "promoted": "0.000 HBD",
-    "replies": Array [],
-    "stats": Object {
-      "flag_weight": 0,
-      "gray": false,
-      "hide": false,
-      "total_votes": 2,
-    },
-    "title": "RE: Esteem Discord Monthly Giveaway Winners #21",
-    "updated": "2020-06-06T05:57:39",
-    "url": "/esteem/@esteemapp/esteem-discord-monthly-giveaway-winners-21#@behiver/re-esteemapp-202066t85739415z",
-  },
-  Object {
-    "active_votes": Array [],
-    "author": "ardpien",
-    "author_payout_value": "0.000 HBD",
-    "author_reputation": 47.13,
-    "beneficiaries": Array [],
-    "blacklists": Array [],
-    "body": "Thank you, Miss. @birttandjosie.",
-    "category": "esteem",
-    "children": 0,
-    "created": "2020-06-07T07:20:51",
-    "curator_payout_value": "0.000 HBD",
-    "depth": 2,
-    "is_paidout": false,
-    "json_metadata": Object {
-      "app": "peakd/2020.05.5",
-      "tags": Array [
-        "esteem",
-      ],
-    },
-    "max_accepted_payout": "1000000.000 HBD",
-    "net_rshares": 0,
-    "parent_author": "brittandjosie",
-    "parent_permlink": "re-esteemapp-qbi6t3",
-    "payout": 0,
-    "payout_at": "2020-06-14T07:20:51",
-    "pending_payout_value": "0.000 HBD",
-    "percent_hbd": 10000,
-    "permlink": "re-brittandjosie-qbjoep",
-    "post_id": 86440916,
-    "promoted": "0.000 HBD",
-    "replies": Array [],
-    "stats": Object {
-      "flag_weight": 0,
-      "gray": false,
-      "hide": false,
-      "total_votes": 0,
-    },
-    "title": "RE: Esteem Discord Monthly Giveaway Winners #21",
-    "updated": "2020-06-07T07:20:51",
-    "url": "/esteem/@esteemapp/esteem-discord-monthly-giveaway-winners-21#@ardpien/re-brittandjosie-qbjoep",
-  },
-]
-`;
-
-exports[`(4) Sort created 1`] = `
-Array [
-  Object {
-    "active_votes": Array [],
-    "author": "ardpien",
-    "author_payout_value": "0.000 HBD",
-    "author_reputation": 47.13,
-    "beneficiaries": Array [],
-    "blacklists": Array [],
-    "body": "Thank you, Miss. @birttandjosie.",
-    "category": "esteem",
-    "children": 0,
-    "created": "2020-06-07T07:20:51",
-    "curator_payout_value": "0.000 HBD",
-    "depth": 2,
-    "is_paidout": false,
-    "json_metadata": Object {
-      "app": "peakd/2020.05.5",
-      "tags": Array [
-        "esteem",
-      ],
-    },
-    "max_accepted_payout": "1000000.000 HBD",
-    "net_rshares": 0,
-    "parent_author": "brittandjosie",
-    "parent_permlink": "re-esteemapp-qbi6t3",
-    "payout": 0,
-    "payout_at": "2020-06-14T07:20:51",
-    "pending_payout_value": "0.000 HBD",
-    "percent_hbd": 10000,
-    "permlink": "re-brittandjosie-qbjoep",
-    "post_id": 86440916,
-    "promoted": "0.000 HBD",
-    "replies": Array [],
-    "stats": Object {
-      "flag_weight": 0,
-      "gray": false,
-      "hide": false,
-      "total_votes": 0,
-    },
-    "title": "RE: Esteem Discord Monthly Giveaway Winners #21",
-    "updated": "2020-06-07T07:20:51",
-    "url": "/esteem/@esteemapp/esteem-discord-monthly-giveaway-winners-21#@ardpien/re-brittandjosie-qbjoep",
-  },
-  Object {
-    "active_votes": Array [],
-    "author": "forykw",
-    "author_payout_value": "0.000 HBD",
-    "author_reputation": 64.87,
-    "beneficiaries": Array [
-      Object {
-        "account": "esteemapp",
-        "weight": 300,
-      },
-    ],
-    "blacklists": Array [],
-    "body": "Prizes have consistently been very effective from @esteemapp nicely done!",
-    "category": "esteem",
-    "children": 0,
-    "created": "2020-06-07T00:02:48",
-    "curator_payout_value": "0.000 HBD",
-    "depth": 1,
-    "is_paidout": false,
-    "json_metadata": Object {},
-    "max_accepted_payout": "1000000.000 HBD",
-    "net_rshares": 0,
-    "parent_author": "esteemapp",
-    "parent_permlink": "esteem-discord-monthly-giveaway-winners-21",
-    "payout": 0,
-    "payout_at": "2020-06-14T00:02:48",
-    "pending_payout_value": "0.000 HBD",
-    "percent_hbd": 10000,
-    "permlink": "re-esteemapp-202067t12246786z",
-    "post_id": 86437193,
-    "promoted": "0.000 HBD",
-    "replies": Array [],
-    "stats": Object {
-      "flag_weight": 0,
-      "gray": false,
-      "hide": false,
-      "total_votes": 0,
-    },
-    "title": "RE: Esteem Discord Monthly Giveaway Winners #21",
-    "updated": "2020-06-07T00:02:48",
-    "url": "/esteem/@esteemapp/esteem-discord-monthly-giveaway-winners-21#@forykw/re-esteemapp-202067t12246786z",
-  },
-  Object {
-    "active_votes": Array [],
-    "author": "brittandjosie",
-    "author_payout_value": "0.000 HBD",
-    "author_reputation": 71.78,
-    "beneficiaries": Array [],
-    "blacklists": Array [],
-    "body": "@ardpien congrats on being one of the winners ",
-    "category": "esteem",
-    "children": 1,
-    "created": "2020-06-06T12:03:03",
-    "curator_payout_value": "0.000 HBD",
-    "depth": 1,
-    "is_paidout": false,
-    "json_metadata": Object {
-      "app": "peakd/2020.05.5",
-      "tags": Array [
-        "esteem",
-      ],
-    },
-    "max_accepted_payout": "1000000.000 HBD",
-    "net_rshares": 0,
-    "parent_author": "esteemapp",
-    "parent_permlink": "esteem-discord-monthly-giveaway-winners-21",
-    "payout": 0,
-    "payout_at": "2020-06-13T12:03:03",
-    "pending_payout_value": "0.000 HBD",
-    "percent_hbd": 10000,
-    "permlink": "re-esteemapp-qbi6t3",
-    "post_id": 86427694,
-    "promoted": "0.000 HBD",
-    "replies": Array [
-      "ardpien/re-brittandjosie-qbjoep",
-    ],
-    "stats": Object {
-      "flag_weight": 0,
-      "gray": false,
-      "hide": false,
-      "total_votes": 0,
-    },
-    "title": "RE: Esteem Discord Monthly Giveaway Winners #21",
-    "updated": "2020-06-06T12:03:03",
-    "url": "/esteem/@esteemapp/esteem-discord-monthly-giveaway-winners-21#@brittandjosie/re-esteemapp-qbi6t3",
-  },
-  Object {
-    "active_votes": Array [
-      Object {
-        "rshares": 114901996313,
-        "voter": "jznsamuel",
-      },
-    ],
-    "author": "ardpien",
-    "author_payout_value": "0.000 HBD",
-    "author_reputation": 47.13,
-    "beneficiaries": Array [],
-    "blacklists": Array [],
-    "body": "😃 I am mentioned here. That's great! All thanks to ESTEEM for creating an awesome Discord server for us to talk in there and participate in activities. Thank You ESTEEM team :) and @good-karma.",
-    "category": "esteem",
-    "children": 0,
-    "created": "2020-06-06T10:40:54",
-    "curator_payout_value": "0.000 HBD",
-    "depth": 1,
-    "is_paidout": false,
-    "json_metadata": Object {},
-    "max_accepted_payout": "1000000.000 HBD",
-    "net_rshares": 114901996313,
-    "parent_author": "esteemapp",
-    "parent_permlink": "esteem-discord-monthly-giveaway-winners-21",
-    "payout": 0.031,
-    "payout_at": "2020-06-13T10:40:54",
-    "pending_payout_value": "0.031 HBD",
-    "percent_hbd": 10000,
-    "permlink": "qbi303",
-    "post_id": 86426904,
-    "promoted": "0.000 HBD",
-    "replies": Array [],
-    "stats": Object {
-      "flag_weight": 0,
-      "gray": false,
-      "hide": false,
-      "total_votes": 1,
-    },
-    "title": "RE: Esteem Discord Monthly Giveaway Winners #21",
-    "updated": "2020-06-06T10:40:54",
-    "url": "/esteem/@esteemapp/esteem-discord-monthly-giveaway-winners-21#@ardpien/qbi303",
-  },
-  Object {
-    "active_votes": Array [],
-    "author": "iliyan90",
-    "author_payout_value": "0.000 HBD",
-    "author_reputation": 60.22,
-    "beneficiaries": Array [
-      Object {
-        "account": "esteemapp",
-        "weight": 300,
-      },
-    ],
-    "blacklists": Array [],
-    "body": "@esteemapp
-Bug report [click here](https://esteem.app/esteem/@iliyan90/bug-report-to-esteemapp)",
-    "category": "esteem",
-    "children": 0,
-    "created": "2020-06-06T09:46:15",
-    "curator_payout_value": "0.000 HBD",
-    "depth": 1,
-    "is_paidout": false,
-    "json_metadata": Object {},
-    "max_accepted_payout": "1000000.000 HBD",
-    "net_rshares": 0,
-    "parent_author": "esteemapp",
-    "parent_permlink": "esteem-discord-monthly-giveaway-winners-21",
-    "payout": 0,
-    "payout_at": "2020-06-13T09:46:15",
-    "pending_payout_value": "0.000 HBD",
-    "percent_hbd": 10000,
-    "permlink": "re-esteemapp-202066t124616772z",
-    "post_id": 86426429,
-    "promoted": "0.000 HBD",
-    "replies": Array [],
-    "stats": Object {
-      "flag_weight": 0,
-      "gray": false,
-      "hide": false,
-      "total_votes": 0,
-    },
-    "title": "RE: Esteem Discord Monthly Giveaway Winners #21",
-    "updated": "2020-06-06T09:46:36",
-    "url": "/esteem/@esteemapp/esteem-discord-monthly-giveaway-winners-21#@iliyan90/re-esteemapp-202066t124616772z",
-  },
-  Object {
-    "active_votes": Array [
-      Object {
-        "rshares": 116060350556,
-        "voter": "jznsamuel",
-      },
-    ],
-    "author": "trincowski",
-    "author_payout_value": "0.000 HBD",
-    "author_reputation": 68.52,
-    "beneficiaries": Array [
-      Object {
-        "account": "esteemapp",
-        "weight": 300,
-      },
-    ],
-    "blacklists": Array [],
-    "body": "Awesome. Thank you very much.",
-    "category": "esteem",
-    "children": 0,
-    "created": "2020-06-06T07:41:39",
-    "curator_payout_value": "0.000 HBD",
-    "depth": 1,
-    "is_paidout": false,
-    "json_metadata": Object {},
-    "max_accepted_payout": "1000000.000 HBD",
-    "net_rshares": 116060350556,
-    "parent_author": "esteemapp",
-    "parent_permlink": "esteem-discord-monthly-giveaway-winners-21",
-    "payout": 0.032,
-    "payout_at": "2020-06-13T07:41:39",
-    "pending_payout_value": "0.032 HBD",
-    "percent_hbd": 10000,
-    "permlink": "re-esteemapp-202066t84137915z",
-    "post_id": 86425273,
-    "promoted": "0.000 HBD",
-    "replies": Array [],
-    "stats": Object {
-      "flag_weight": 0,
-      "gray": false,
-      "hide": false,
-      "total_votes": 1,
-    },
-    "title": "RE: Esteem Discord Monthly Giveaway Winners #21",
-    "updated": "2020-06-06T07:41:39",
-    "url": "/esteem/@esteemapp/esteem-discord-monthly-giveaway-winners-21#@trincowski/re-esteemapp-202066t84137915z",
-  },
-  Object {
-    "active_votes": Array [
-      Object {
-        "rshares": 117230405346,
-        "voter": "jznsamuel",
-      },
-    ],
-    "author": "foxkoit",
-    "author_payout_value": "0.000 HBD",
-    "author_reputation": 71.51,
-    "beneficiaries": Array [
-      Object {
-        "account": "esteemapp",
-        "weight": 300,
-      },
-    ],
-    "blacklists": Array [],
-    "body": "Thank you 😀😇😇",
-    "category": "esteem",
-    "children": 0,
-    "created": "2020-06-06T05:59:03",
-    "curator_payout_value": "0.000 HBD",
-    "depth": 1,
-    "is_paidout": false,
-    "json_metadata": Object {},
-    "max_accepted_payout": "1000000.000 HBD",
-    "net_rshares": 117230405346,
-    "parent_author": "esteemapp",
-    "parent_permlink": "esteem-discord-monthly-giveaway-winners-21",
-    "payout": 0.032,
-    "payout_at": "2020-06-13T05:59:03",
-    "pending_payout_value": "0.032 HBD",
-    "percent_hbd": 10000,
-    "permlink": "re-esteemapp-202066t8590757z",
-    "post_id": 86423472,
-    "promoted": "0.000 HBD",
-    "replies": Array [],
-    "stats": Object {
-      "flag_weight": 0,
-      "gray": false,
-      "hide": false,
-      "total_votes": 1,
-    },
-    "title": "RE: Esteem Discord Monthly Giveaway Winners #21",
-    "updated": "2020-06-06T05:59:03",
-    "url": "/esteem/@esteemapp/esteem-discord-monthly-giveaway-winners-21#@foxkoit/re-esteemapp-202066t8590757z",
-  },
-  Object {
-    "active_votes": Array [
-      Object {
-        "rshares": 123,
-        "voter": "foo",
-      },
-      Object {
-        "rshares": 123,
-        "voter": "bar",
-      },
-    ],
-    "author": "irisworld",
-    "author_payout_value": "0.000 HBD",
-    "author_reputation": 65.01,
-    "beneficiaries": Array [
-      Object {
-        "account": "esteemapp",
-        "weight": 300,
-      },
-    ],
-    "blacklists": Array [],
-    "body": "yahoo! thanks a lot!",
-    "category": "esteem",
-    "children": 0,
-    "created": "2020-06-06T05:58:09",
-    "curator_payout_value": "0.000 HBD",
-    "depth": 1,
-    "is_paidout": false,
-    "json_metadata": Object {},
-    "max_accepted_payout": "1000000.000 HBD",
-    "net_rshares": 265974487101,
-    "parent_author": "esteemapp",
-    "parent_permlink": "esteem-discord-monthly-giveaway-winners-21",
-    "payout": 0.075,
-    "payout_at": "2020-06-13T05:58:09",
-    "pending_payout_value": "0.075 HBD",
-    "percent_hbd": 10000,
-    "permlink": "re-esteemapp-202066t14588243z",
-    "post_id": 86423446,
-    "promoted": "0.000 HBD",
-    "replies": Array [],
-    "stats": Object {
-      "flag_weight": 0,
-      "gray": false,
-      "hide": false,
-      "total_votes": 2,
-    },
-    "title": "RE: Esteem Discord Monthly Giveaway Winners #21",
-    "updated": "2020-06-06T05:58:09",
-    "url": "/esteem/@esteemapp/esteem-discord-monthly-giveaway-winners-21#@irisworld/re-esteemapp-202066t14588243z",
-  },
-  Object {
-    "active_votes": Array [
-      Object {
-        "rshares": 154659337454,
-        "voter": "foxkoit",
-      },
-      Object {
-        "rshares": 118413204550,
-        "voter": "jznsamuel",
-      },
-    ],
-    "author": "behiver",
-    "author_payout_value": "0.000 HBD",
-    "author_reputation": 57.66,
-    "beneficiaries": Array [
-      Object {
-        "account": "esteemapp",
-        "weight": 300,
-      },
-    ],
-    "blacklists": Array [],
-    "body": "Great to see my name on the Giveaway and I like quite much engaging on Discord and find out what others are doing in the HIVE space. A source of news, common hobbies and other topics that rise up your day.",
-    "category": "esteem",
-    "children": 0,
-    "created": "2020-06-06T05:57:39",
-    "curator_payout_value": "0.000 HBD",
-    "depth": 1,
-    "is_paidout": false,
-    "json_metadata": Object {},
-    "max_accepted_payout": "1000000.000 HBD",
-    "net_rshares": 273072542004,
-    "parent_author": "esteemapp",
-    "parent_permlink": "esteem-discord-monthly-giveaway-winners-21",
-    "payout": 0.077,
-    "payout_at": "2020-06-13T05:57:39",
-    "pending_payout_value": "0.077 HBD",
-    "percent_hbd": 10000,
-    "permlink": "re-esteemapp-202066t85739415z",
-    "post_id": 86423439,
-    "promoted": "0.000 HBD",
-    "replies": Array [],
-    "stats": Object {
-      "flag_weight": 0,
-      "gray": false,
-      "hide": false,
-      "total_votes": 2,
-    },
-    "title": "RE: Esteem Discord Monthly Giveaway Winners #21",
-    "updated": "2020-06-06T05:57:39",
-    "url": "/esteem/@esteemapp/esteem-discord-monthly-giveaway-winners-21#@behiver/re-esteemapp-202066t85739415z",
-  },
-]
-`;
diff --git a/src/common/store/discussion/index.spec.ts b/src/common/store/discussion/index.spec.ts
deleted file mode 100644
index 632350770d3..00000000000
--- a/src/common/store/discussion/index.spec.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import reducer, { initialState, fetchAct, fetchedAct, fetchErrorAct, resetAct } from "./index";
-
-let state = initialState;
-
-import { entryInstance1 } from "../../helper/test-helper";
-import { Entry } from "../entries/types";
-
-it("1- default state", () => {
-  expect(state).toMatchSnapshot();
-});
-
-it("2- fetch", () => {
-  state = reducer(state, fetchAct());
-  expect(state).toMatchSnapshot();
-});
-
-it("3- fetch error", () => {
-  state = reducer(state, fetchErrorAct());
-  expect(state).toMatchSnapshot();
-});
-
-it("4- fetch", () => {
-  state = reducer(state, fetchAct());
-  expect(state).toMatchSnapshot();
-});
-
-it("5- fetched", () => {
-  const list = [entryInstance1];
-  state = reducer(state, fetchedAct(list));
-  expect(state).toMatchSnapshot();
-});
-
-it("6- reset", () => {
-  state = reducer(state, resetAct());
-  expect(state).toMatchSnapshot();
-});
diff --git a/src/common/store/discussion/index.ts b/src/common/store/discussion/index.ts
deleted file mode 100644
index 2d175d9ea93..00000000000
--- a/src/common/store/discussion/index.ts
+++ /dev/null
@@ -1,182 +0,0 @@
-import { Dispatch } from "redux";
-
-import { AppState } from "../index";
-import { Entry } from "../entries/types";
-
-import {
-  Actions,
-  ActionTypes,
-  Discussion,
-  FetchAction,
-  FetchedAction,
-  FetchErrorAction,
-  ResetAction,
-  SetOrderAction,
-  SortOrder
-} from "./types";
-
-import { clone } from "../util";
-import sorter from "./sorter";
-
-import { getDiscussion } from "../../api/bridge";
-
-export const initialState: Discussion = {
-  list: [],
-  loading: false,
-  error: false,
-  order: SortOrder.trending
-};
-
-export default (state: Discussion = initialState, action: Actions): Discussion => {
-  switch (action.type) {
-    case ActionTypes.FETCH: {
-      return {
-        ...state,
-        list: [],
-        loading: true,
-        error: false
-      };
-    }
-    case ActionTypes.FETCHED: {
-      return {
-        ...state,
-        list: action.list,
-        loading: false,
-        error: false
-      };
-    }
-    case ActionTypes.FETCH_ERROR: {
-      return {
-        ...state,
-        list: [],
-        loading: false,
-        error: true
-      };
-    }
-    case ActionTypes.RESET: {
-      return { ...initialState };
-    }
-    case ActionTypes.SET_ORDER: {
-      return {
-        ...state,
-        list: action.list,
-        order: action.order,
-        loading: false,
-        error: false
-      };
-    }
-    default:
-      return state;
-  }
-};
-
-/* Actions */
-export const fetchDiscussion =
-  (parent_author: string, parent_permlink: string) =>
-  (dispatch: Dispatch, getState: () => AppState) => {
-    dispatch(fetchAct());
-
-    const { discussion } = getState();
-    const { order } = discussion;
-
-    getDiscussion(parent_author, parent_permlink)
-      .then((resp) => {
-        if (resp) {
-          let list: Entry[] = [];
-
-          for (const d in resp) {
-            list.push(resp[d]);
-          }
-
-          sorter(list, SortOrder[order]);
-
-          dispatch(fetchedAct(clone(list)));
-        } else {
-          dispatch(fetchErrorAct());
-        }
-      })
-      .catch(() => {
-        dispatch(fetchErrorAct());
-      });
-  };
-
-export const sortDiscussion =
-  (order: SortOrder) => (dispatch: Dispatch, getState: () => AppState) => {
-    const { discussion } = getState();
-    const list = clone(discussion.list);
-
-    sorter(list, SortOrder[order]);
-
-    dispatch(setOrderAct(order, clone(list)));
-  };
-
-export const resetDiscussion = () => (dispatch: Dispatch) => {
-  dispatch(resetAct());
-};
-
-export const updateReply = (reply: Entry) => (dispatch: Dispatch, getState: () => AppState) => {
-  const { discussion } = getState();
-  const list: Entry[] = clone(discussion.list);
-
-  const newList = list.map((x: Entry) => {
-    if (x.author === reply.author && x.permlink === reply.permlink) {
-      return reply;
-    }
-
-    return x;
-  });
-
-  dispatch(fetchedAct(newList));
-};
-
-export const addReply = (reply: Entry) => (dispatch: Dispatch, getState: () => AppState) => {
-  const { discussion } = getState();
-  const list: Entry[] = clone(discussion.list);
-  const newList = [reply, ...list];
-  dispatch(fetchedAct(newList));
-};
-
-export const deleteReply = (reply: Entry) => (dispatch: Dispatch, getState: () => AppState) => {
-  const { discussion } = getState();
-  const list: Entry[] = clone(discussion.list);
-
-  const newList = list.filter((x: Entry) => {
-    return !(x.author === reply.author && x.permlink === reply.permlink);
-  });
-
-  dispatch(fetchedAct(newList));
-};
-
-/* Action Creators */
-export const fetchAct = (): FetchAction => {
-  return {
-    type: ActionTypes.FETCH
-  };
-};
-
-export const fetchedAct = (list: Entry[]): FetchedAction => {
-  return {
-    type: ActionTypes.FETCHED,
-    list
-  };
-};
-
-export const fetchErrorAct = (): FetchErrorAction => {
-  return {
-    type: ActionTypes.FETCH_ERROR
-  };
-};
-
-export const resetAct = (): ResetAction => {
-  return {
-    type: ActionTypes.RESET
-  };
-};
-
-export const setOrderAct = (order: SortOrder, list: Entry[]): SetOrderAction => {
-  return {
-    type: ActionTypes.SET_ORDER,
-    list,
-    order
-  };
-};
diff --git a/src/common/store/discussion/types.ts b/src/common/store/discussion/types.ts
index fe0f86da601..9b55cff04b5 100644
--- a/src/common/store/discussion/types.ts
+++ b/src/common/store/discussion/types.ts
@@ -1,48 +1,6 @@
-import { Entry } from "../entries/types";
-
 export enum SortOrder {
   trending = "trending",
   author_reputation = "author_reputation",
   votes = "votes",
   created = "created"
 }
-
-export interface Discussion {
-  list: Entry[];
-  loading: boolean;
-  error: boolean;
-  order: SortOrder;
-}
-
-export enum ActionTypes {
-  FETCH = "@discussions/FETCH",
-  FETCHED = "@discussions/FETCHED",
-  FETCH_ERROR = "@discussions/FETCH_ERROR",
-  RESET = "@discussions/RESET",
-  SET_ORDER = "@discussions/SET_ORDER"
-}
-
-export interface FetchAction {
-  type: ActionTypes.FETCH;
-}
-
-export interface FetchedAction {
-  type: ActionTypes.FETCHED;
-  list: Entry[];
-}
-
-export interface FetchErrorAction {
-  type: ActionTypes.FETCH_ERROR;
-}
-
-export interface ResetAction {
-  type: ActionTypes.RESET;
-}
-
-export interface SetOrderAction {
-  type: ActionTypes.SET_ORDER;
-  list: Entry[];
-  order: SortOrder;
-}
-
-export type Actions = FetchAction | FetchedAction | FetchErrorAction | ResetAction | SetOrderAction;
diff --git a/src/common/store/entries/types.ts b/src/common/store/entries/types.ts
index 13dc32a814c..27ee8ce84ae 100644
--- a/src/common/store/entries/types.ts
+++ b/src/common/store/entries/types.ts
@@ -28,6 +28,7 @@ export interface JsonMetadata {
   original_author?: string;
   original_permlink?: string;
   image?: string[];
+  pinned_reply?: string; // author/permlink
 }
 
 export interface Entry {
diff --git a/src/common/store/index.ts b/src/common/store/index.ts
index 770725fc9c7..fa8056c6236 100644
--- a/src/common/store/index.ts
+++ b/src/common/store/index.ts
@@ -13,7 +13,6 @@ import transactions from "./transactions";
 import users from "./users";
 import activeUser from "./active-user";
 import reblogs from "./reblogs";
-import discussion from "./discussion";
 import ui from "./ui";
 import subscriptions from "./subscriptions";
 import notifications from "./notifications";
@@ -32,7 +31,6 @@ let reducers = {
   users,
   activeUser,
   reblogs,
-  discussion,
   ui,
   subscriptions,
   notifications,
diff --git a/src/common/store/initial-state.ts b/src/common/store/initial-state.ts
index f323a59acc8..8209c314b19 100644
--- a/src/common/store/initial-state.ts
+++ b/src/common/store/initial-state.ts
@@ -8,7 +8,6 @@ import { initialState as transactionsInitialState } from "./transactions";
 import { initialState as usersInitialState } from "./users";
 import { initialState as activeUserInitialState } from "./active-user";
 import { initialState as reblogsInitialState } from "./reblogs";
-import { initialState as discussionInitialState } from "./discussion";
 import { initialState as uiInitialState } from "./ui";
 import { initialState as subscriptionsInitialState } from "./subscriptions";
 import { initialState as notificationsInitialState } from "./notifications";
@@ -25,7 +24,6 @@ const initialState: AppState = {
   users: usersInitialState,
   activeUser: activeUserInitialState,
   reblogs: reblogsInitialState,
-  discussion: discussionInitialState,
   ui: uiInitialState,
   subscriptions: subscriptionsInitialState,
   notifications: notificationsInitialState,
diff --git a/src/common/store/discussion/sorter.spec.ts b/src/common/util/sort-discussions.spec.ts
similarity index 57%
rename from src/common/store/discussion/sorter.spec.ts
rename to src/common/util/sort-discussions.spec.ts
index 82bb1ce0694..46cf1e63c2d 100644
--- a/src/common/store/discussion/sorter.spec.ts
+++ b/src/common/util/sort-discussions.spec.ts
@@ -1,33 +1,31 @@
-import sorter from "./sorter";
-
-import { SortOrder } from "./types";
-
-import { discussionInstace1 } from "../../helper/test-helper";
+import { discussionInstace1 } from "../helper/test-helper";
+import { sortDiscussions } from "./sort-discussions";
+import { SortOrder } from "../store/discussion/types";
 
 it("(1) Sort trending", () => {
   const [, ...replies] = discussionInstace1;
-  sorter(replies, SortOrder.trending);
+  sortDiscussions(replies, SortOrder.trending);
 
   expect(replies).toMatchSnapshot();
 });
 
 it("(2) Sort author_reputation", () => {
   const [, ...replies] = discussionInstace1;
-  sorter(replies, SortOrder.author_reputation);
+  sortDiscussions(replies, SortOrder.author_reputation);
 
   expect(replies).toMatchSnapshot();
 });
 
 it("(3) Sort author_repuvotestation", () => {
   const [, ...replies] = discussionInstace1;
-  sorter(replies, SortOrder.votes);
+  sortDiscussions(replies, SortOrder.votes);
 
   expect(replies).toMatchSnapshot();
 });
 
 it("(4) Sort created", () => {
   const [, ...replies] = discussionInstace1;
-  sorter(replies, SortOrder.created);
+  sortDiscussions(replies, SortOrder.created);
 
   expect(replies).toMatchSnapshot();
 });
diff --git a/src/common/store/discussion/sorter.ts b/src/common/util/sort-discussions.ts
similarity index 68%
rename from src/common/store/discussion/sorter.ts
rename to src/common/util/sort-discussions.ts
index 38e363e0e5d..eb2707198bf 100644
--- a/src/common/store/discussion/sorter.ts
+++ b/src/common/util/sort-discussions.ts
@@ -1,16 +1,15 @@
-import { Entry } from "../entries/types";
+import { Entry } from "../store/entries/types";
+import { SortOrder } from "../store/discussion/types";
+import parseAsset from "../helper/parse-asset";
 
-import { SortOrder } from "./types";
-
-import parseAsset from "../../helper/parse-asset";
-
-export default (discussion: Entry[], order: SortOrder) => {
+export function sortDiscussions(entry: Entry, discussion: Entry[], order: SortOrder) {
   const allPayout = (c: Entry) =>
     parseAsset(c.pending_payout_value).amount +
     parseAsset(c.author_payout_value).amount +
     parseAsset(c.curator_payout_value).amount;
 
   const absNegative = (a: Entry) => a.net_rshares < 0;
+  const isPinned = (a: Entry) => entry.json_metadata.pinned_reply === `${a.author}/${a.permlink}`;
 
   const sortOrders = {
     trending: (a: Entry, b: Entry) => {
@@ -67,5 +66,12 @@ export default (discussion: Entry[], order: SortOrder) => {
     }
   };
 
-  discussion.sort(sortOrders[order]);
-};
+  const sorted = discussion.sort(sortOrders[order]);
+  const pinnedIndex = sorted.findIndex((i) => isPinned(i));
+  const pinned = sorted[pinnedIndex];
+  if (pinnedIndex >= 0) {
+    sorted.splice(pinnedIndex, 1);
+    sorted.unshift(pinned);
+  }
+  return sorted;
+}