From e7335f56223f871e50063bab2968976b9f3f32f9 Mon Sep 17 00:00:00 2001
From: Riccardo Graziosi <31478034+riggraz@users.noreply.github.com>
Date: Sun, 5 Feb 2023 11:55:38 +0100
Subject: [PATCH] Add setting to manage visibility of vote count, vote button
 and decide root page (#197)

---
 app/controllers/static_pages_controller.rb    | 31 +++++++---
 app/javascript/actions/Tenant/updateTenant.ts |  2 -
 app/javascript/components/Board/BoardP.tsx    |  7 +++
 app/javascript/components/Board/PostList.tsx  |  8 ++-
 .../components/Board/PostListItem.tsx         | 12 +++-
 app/javascript/components/Board/index.tsx     | 13 +++-
 .../components/LikeButton/LikeButtonP.tsx     | 11 +++-
 .../components/Post/PostBoardSelect.tsx       |  3 +-
 app/javascript/components/Post/PostP.tsx      | 19 ++++--
 .../components/Post/PostStatusSelect.tsx      |  9 +--
 app/javascript/components/Post/index.tsx      |  4 ++
 .../General/GeneralSiteSettingsP.tsx          | 61 ++++++++++++++++++-
 .../components/SiteSettings/General/index.tsx |  3 +
 .../SiteSettings/Users/UserForm.tsx           |  3 +-
 .../containers/GeneralSiteSettings.tsx        | 10 ++-
 app/javascript/helpers/formUtils.ts           |  7 ++-
 app/javascript/interfaces/IPost.ts            |  2 +-
 app/javascript/interfaces/ITenantSetting.ts   |  3 +
 app/javascript/reducers/postReducer.ts        |  4 +-
 app/javascript/reducers/postsReducer.ts       |  4 +-
 .../stylesheets/components/LikeButton.scss    |  2 +-
 app/policies/tenant_setting_policy.rb         |  2 +-
 app/views/boards/show.html.erb                |  4 +-
 app/views/posts/show.html.erb                 |  1 +
 app/views/site_settings/general.html.erb      |  4 ++
 config/locales/backend/backend.en.yml         | 28 ++++++++-
 config/locales/en.yml                         |  2 +
 config/routes.rb                              |  2 +-
 ..._vote_and_button_vote_to_tenant_setting.rb |  6 ++
 ...748_add_root_board_id_to_tenant_setting.rb |  5 ++
 db/schema.rb                                  |  5 +-
 spec/factories/tenant_settings.rb             |  1 -
 spec/models/tenant_setting_spec.rb            | 12 ++++
 spec/routing/static_pages_routing_spec.rb     |  2 +-
 spec/system/likes_spec.rb                     |  2 +-
 35 files changed, 246 insertions(+), 48 deletions(-)
 create mode 100644 db/migrate/20230204145211_add_show_vote_and_button_vote_to_tenant_setting.rb
 create mode 100644 db/migrate/20230204171748_add_root_board_id_to_tenant_setting.rb

diff --git a/app/controllers/static_pages_controller.rb b/app/controllers/static_pages_controller.rb
index bd05e8a0..86e25032 100644
--- a/app/controllers/static_pages_controller.rb
+++ b/app/controllers/static_pages_controller.rb
@@ -1,14 +1,19 @@
 class StaticPagesController < ApplicationController
   skip_before_action :load_tenant_data, only: [:showcase, :pending_tenant, :blocked_tenant]
 
-  def roadmap
-    @post_statuses = PostStatus
-      .find_roadmap
-      .select(:id, :name, :color)
+  def root
+    @board = Board.find_by(id: Current.tenant.tenant_setting.root_board_id)
 
-    @posts = Post
-      .find_with_post_status_in(@post_statuses)
-      .select(:id, :title, :board_id, :post_status_id, :user_id, :created_at)
+    if @board
+      render 'boards/show'
+    else
+      get_roadmap_data
+      render 'static_pages/roadmap'
+    end
+  end
+
+  def roadmap
+    get_roadmap_data
   end
 
   def showcase
@@ -20,4 +25,16 @@ class StaticPagesController < ApplicationController
 
   def blocked_tenant
   end
+
+  private
+
+    def get_roadmap_data
+      @post_statuses = PostStatus
+        .find_roadmap
+        .select(:id, :name, :color)
+
+      @posts = Post
+        .find_with_post_status_in(@post_statuses)
+        .select(:id, :title, :board_id, :post_status_id, :user_id, :created_at)
+    end
 end
\ No newline at end of file
diff --git a/app/javascript/actions/Tenant/updateTenant.ts b/app/javascript/actions/Tenant/updateTenant.ts
index 9653c084..79202a1c 100644
--- a/app/javascript/actions/Tenant/updateTenant.ts
+++ b/app/javascript/actions/Tenant/updateTenant.ts
@@ -76,8 +76,6 @@ export const updateTenant = ({
       },
     });
 
-    console.log(body)
-
     const res = await fetch(`/tenants/0`, {
       method: 'PATCH',
       headers: buildRequestHeaders(authenticityToken),
diff --git a/app/javascript/components/Board/BoardP.tsx b/app/javascript/components/Board/BoardP.tsx
index ddf26081..31c704f8 100644
--- a/app/javascript/components/Board/BoardP.tsx
+++ b/app/javascript/components/Board/BoardP.tsx
@@ -7,6 +7,7 @@ import PostList from './PostList';
 import Sidebar from '../common/Sidebar';
 
 import IBoard from '../../interfaces/IBoard';
+import ITenantSetting from '../../interfaces/ITenantSetting';
 
 import { PostsState } from '../../reducers/postsReducer';
 import { PostStatusesState } from '../../reducers/postStatusesReducer';
@@ -14,6 +15,8 @@ import { PostStatusesState } from '../../reducers/postStatusesReducer';
 interface Props {
   board: IBoard;
   isLoggedIn: boolean;
+  isPowerUser: boolean;
+  tenantSetting: ITenantSetting;
   authenticityToken: string;
   posts: PostsState;
   postStatuses: PostStatusesState;
@@ -63,6 +66,8 @@ class BoardP extends React.Component<Props> {
     const {
       board,
       isLoggedIn,
+      isPowerUser,
+      tenantSetting,
       authenticityToken,
       posts,
       postStatuses,
@@ -97,6 +102,8 @@ class BoardP extends React.Component<Props> {
 
         <PostList
           posts={posts.items}
+          showLikeCount={isPowerUser || tenantSetting.show_vote_count}
+          showLikeButtons={tenantSetting.show_vote_button_in_board}
           postStatuses={postStatuses.items}
           areLoading={posts.areLoading}
           error={posts.error}
diff --git a/app/javascript/components/Board/PostList.tsx b/app/javascript/components/Board/PostList.tsx
index 5b1fdced..4484b793 100644
--- a/app/javascript/components/Board/PostList.tsx
+++ b/app/javascript/components/Board/PostList.tsx
@@ -14,6 +14,8 @@ import IPostStatus from '../../interfaces/IPostStatus';
 
 interface Props {
   posts: Array<IPost>;
+  showLikeCount: boolean;
+  showLikeButtons: boolean;
   postStatuses: Array<IPostStatus>;
   areLoading: boolean;
   error: string;
@@ -27,6 +29,8 @@ interface Props {
 
 const PostList = ({
   posts,
+  showLikeCount,
+  showLikeButtons,
   postStatuses,
   areLoading,
   error,
@@ -53,7 +57,9 @@ const PostList = ({
               title={post.title}
               description={post.description}
               postStatus={postStatuses.find(postStatus => postStatus.id === post.postStatusId)}
-              likesCount={post.likesCount}
+              likeCount={post.likeCount}
+              showLikeCount={showLikeCount}
+              showLikeButtons={showLikeButtons}
               liked={post.liked}
               commentsCount={post.commentsCount}
 
diff --git a/app/javascript/components/Board/PostListItem.tsx b/app/javascript/components/Board/PostListItem.tsx
index 3d5e2597..bcb1d411 100644
--- a/app/javascript/components/Board/PostListItem.tsx
+++ b/app/javascript/components/Board/PostListItem.tsx
@@ -12,7 +12,9 @@ interface Props {
   title: string;
   description?: string;
   postStatus: IPostStatus;
-  likesCount: number;
+  likeCount: number;
+  showLikeCount: boolean;
+  showLikeButtons: boolean;
   liked: number;
   commentsCount: number;
 
@@ -25,7 +27,9 @@ const PostListItem = ({
   title,
   description,
   postStatus,
-  likesCount,
+  likeCount,
+  showLikeCount,
+  showLikeButtons,
   liked,
   commentsCount,
 
@@ -35,7 +39,9 @@ const PostListItem = ({
   <div onClick={() => window.location.href = `/posts/${id}`} className="postListItem">
     <LikeButton
       postId={id}
-      likesCount={likesCount}
+      likeCount={likeCount}
+      showLikeCount={showLikeCount}
+      showLikeButton={showLikeButtons}
       liked={liked}
       isLoggedIn={isLoggedIn}
       authenticityToken={authenticityToken}
diff --git a/app/javascript/components/Board/index.tsx b/app/javascript/components/Board/index.tsx
index 6fceedba..820c78cb 100644
--- a/app/javascript/components/Board/index.tsx
+++ b/app/javascript/components/Board/index.tsx
@@ -8,10 +8,13 @@ import IBoard from '../../interfaces/IBoard';
 
 import { Store } from 'redux';
 import { State } from '../../reducers/rootReducer';
+import ITenantSetting from '../../interfaces/ITenantSetting';
 
 interface Props {
   board: IBoard;
   isLoggedIn: boolean;
+  isPowerUser: boolean;
+  tenantSetting: ITenantSetting;
   authenticityToken: string;
 }
 
@@ -25,13 +28,21 @@ class BoardRoot extends React.Component<Props> {
   }
 
   render() {
-    const { board, isLoggedIn, authenticityToken } = this.props;
+    const {
+      board,
+      isLoggedIn,
+      isPowerUser,
+      tenantSetting,
+      authenticityToken,
+    } = this.props;
 
     return (
       <Provider store={this.store}>
         <Board
           board={board}
           isLoggedIn={isLoggedIn}
+          isPowerUser={isPowerUser}
+          tenantSetting={tenantSetting}
           authenticityToken={authenticityToken}
         />
       </Provider>
diff --git a/app/javascript/components/LikeButton/LikeButtonP.tsx b/app/javascript/components/LikeButton/LikeButtonP.tsx
index 50dc0707..b5a6a344 100644
--- a/app/javascript/components/LikeButton/LikeButtonP.tsx
+++ b/app/javascript/components/LikeButton/LikeButtonP.tsx
@@ -2,7 +2,9 @@ import * as React from 'react';
 
 interface Props {
   postId: number;
-  likesCount: number;
+  likeCount: number;
+  showLikeCount?: boolean;
+  showLikeButton?: boolean;
   liked: number;
   handleLikeSubmit(
     postId: number,
@@ -15,7 +17,9 @@ interface Props {
 
 const LikeButtonP = ({
   postId,
-  likesCount,
+  likeCount,
+  showLikeCount = true,
+  showLikeButton = true,
   liked,
   handleLikeSubmit,
   authenticityToken,
@@ -29,9 +33,10 @@ const LikeButtonP = ({
       else window.location.href = `/users/sign_in`;
       }}
       className={`likeButton${liked ? ' liked' : ''}`}
+      hidden={!showLikeButton}
     >
     </div>
-    <span className="likesCountLabel">{likesCount}</span>
+    { showLikeCount && <span className="likeCountLabel">{likeCount}</span> }
   </div>
 );
 
diff --git a/app/javascript/components/Post/PostBoardSelect.tsx b/app/javascript/components/Post/PostBoardSelect.tsx
index f4c05009..46854472 100644
--- a/app/javascript/components/Post/PostBoardSelect.tsx
+++ b/app/javascript/components/Post/PostBoardSelect.tsx
@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { getLabel } from '../../helpers/formUtils';
 
 import IBoard from '../../interfaces/IBoard';
 
@@ -25,7 +26,7 @@ const PostBoardSelect = ({
     id="selectPickerBoard"
     className="selectPicker"
   >
-    <optgroup label="Boards">
+    <optgroup label={getLabel('board')}>
       {boards.map((board, i) => (
         <option value={board.id} key={i}>
           {board.name}
diff --git a/app/javascript/components/Post/PostP.tsx b/app/javascript/components/Post/PostP.tsx
index 7e3a1f21..f91aa13a 100644
--- a/app/javascript/components/Post/PostP.tsx
+++ b/app/javascript/components/Post/PostP.tsx
@@ -4,6 +4,7 @@ import ReactMarkdown from 'react-markdown';
 import IPost from '../../interfaces/IPost';
 import IPostStatus from '../../interfaces/IPostStatus';
 import IBoard from '../../interfaces/IBoard';
+import ITenantSetting from '../../interfaces/ITenantSetting';
 
 import PostUpdateList from './PostUpdateList';
 import PostEditForm from './PostEditForm';
@@ -39,6 +40,7 @@ interface Props {
   isPowerUser: boolean;
   currentUserFullName: string;
   currentUserEmail: string;
+  tenantSetting: ITenantSetting;
   authenticityToken: string;
 
   requestPost(postId: number): void;
@@ -148,6 +150,7 @@ class PostP extends React.Component<Props> {
       isLoggedIn,
       isPowerUser,
       currentUserEmail,
+      tenantSetting,
       authenticityToken,
 
       submitFollow,
@@ -176,11 +179,14 @@ class PostP extends React.Component<Props> {
             error={comments.error}
           />
 
-          <LikeList
-            likes={likes.items}
-            areLoading={likes.areLoading}
-            error={likes.error}
-          />
+          {
+            isPowerUser &&
+              <LikeList
+                likes={likes.items}
+                areLoading={likes.areLoading}
+                error={likes.error}
+              />
+          }
 
           <ActionBox
             followed={followed}
@@ -213,7 +219,8 @@ class PostP extends React.Component<Props> {
               <div className="postHeader">
                 <LikeButton
                   postId={post.id}
-                  likesCount={likes.items.length}
+                  likeCount={likes.items.length}
+                  showLikeCount={isPowerUser || tenantSetting.show_vote_count}
                   liked={likes.items.find(like => like.email === currentUserEmail) ? 1 : 0}
                   isLoggedIn={isLoggedIn}
                   authenticityToken={authenticityToken}
diff --git a/app/javascript/components/Post/PostStatusSelect.tsx b/app/javascript/components/Post/PostStatusSelect.tsx
index bf2d3323..a5869e6a 100644
--- a/app/javascript/components/Post/PostStatusSelect.tsx
+++ b/app/javascript/components/Post/PostStatusSelect.tsx
@@ -2,6 +2,7 @@ import * as React from 'react';
 import I18n from 'i18n-js';
 
 import IPostStatus from '../../interfaces/IPostStatus';
+import { getLabel } from '../../helpers/formUtils';
 
 const NO_POST_STATUS_VALUE = 'none';
 
@@ -28,16 +29,16 @@ const PostStatusSelect = ({
     id="selectPickerStatus"
     className="selectPicker"
   >
-    <optgroup label="Post statuses">
+    <optgroup label={getLabel('post_status')}>
       {postStatuses.map((postStatus, i) => (
         <option value={postStatus.id} key={i}>
           {postStatus.name}
         </option>
       ))}
     </optgroup>
-    <optgroup label="No post status">
-      <option value={NO_POST_STATUS_VALUE}>{I18n.t('post.post_status_select.no_post_status')}</option>
-    </optgroup>
+    <option value={NO_POST_STATUS_VALUE}>
+      {I18n.t('post.post_status_select.no_post_status')}
+    </option>
   </select>
 );
 
diff --git a/app/javascript/components/Post/index.tsx b/app/javascript/components/Post/index.tsx
index 3a1cb954..38d2d00e 100644
--- a/app/javascript/components/Post/index.tsx
+++ b/app/javascript/components/Post/index.tsx
@@ -10,6 +10,7 @@ import IPostStatus from '../../interfaces/IPostStatus';
 
 import { Store } from 'redux';
 import { State } from '../../reducers/rootReducer';
+import ITenantSetting from '../../interfaces/ITenantSetting';
 
 interface Props {
   postId: number;
@@ -19,6 +20,7 @@ interface Props {
   isPowerUser: boolean;
   currentUserFullName: string;
   currentUserEmail: string;
+  tenantSetting: ITenantSetting;
   authenticityToken: string;
 }
 
@@ -40,6 +42,7 @@ class PostRoot extends React.Component<Props> {
       isPowerUser,
       currentUserFullName,
       currentUserEmail,
+      tenantSetting,
       authenticityToken
     } = this.props;
 
@@ -54,6 +57,7 @@ class PostRoot extends React.Component<Props> {
           isPowerUser={isPowerUser}
           currentUserFullName={currentUserFullName}
           currentUserEmail={currentUserEmail}
+          tenantSetting={tenantSetting}
           authenticityToken={authenticityToken}
         />
       </Provider>
diff --git a/app/javascript/components/SiteSettings/General/GeneralSiteSettingsP.tsx b/app/javascript/components/SiteSettings/General/GeneralSiteSettingsP.tsx
index 710b41c5..b5a99007 100644
--- a/app/javascript/components/SiteSettings/General/GeneralSiteSettingsP.tsx
+++ b/app/javascript/components/SiteSettings/General/GeneralSiteSettingsP.tsx
@@ -12,18 +12,23 @@ import {
   TENANT_SETTING_BRAND_DISPLAY_LOGO_ONLY,
   TENANT_SETTING_BRAND_DISPLAY_NONE,
 } from '../../../interfaces/ITenantSetting';
-import { DangerText } from '../../common/CustomTexts';
+import { DangerText, SmallMutedText } from '../../common/CustomTexts';
 import { getLabel, getValidationMessage } from '../../../helpers/formUtils';
+import IBoardJSON from '../../../interfaces/json/IBoard';
 
 export interface ISiteSettingsGeneralForm {
   siteName: string;
   siteLogo: string;
   brandDisplaySetting: string;
   locale: string;
+  showVoteCount: boolean;
+  showVoteButtonInBoard: boolean;
+  rootBoardId?: string;
 }
 
 interface Props {
   originForm: ISiteSettingsGeneralForm;
+  boards: IBoardJSON[];
   authenticityToken: string;
 
   areUpdating: boolean;
@@ -34,12 +39,16 @@ interface Props {
     siteLogo: string,
     brandDisplaySetting: string,
     locale: string,
+    rootBoardId: number,
+    showVoteCount: boolean,
+    showVoteButtonInBoard: boolean,
     authenticityToken: string
   ): Promise<any>;
 }
 
 const GeneralSiteSettingsP = ({
   originForm,
+  boards,
   authenticityToken,
 
   areUpdating,
@@ -56,6 +65,9 @@ const GeneralSiteSettingsP = ({
       siteLogo: originForm.siteLogo,
       brandDisplaySetting: originForm.brandDisplaySetting,
       locale: originForm.locale,
+      showVoteCount: originForm.showVoteCount,
+      showVoteButtonInBoard: originForm.showVoteButtonInBoard,
+      rootBoardId: originForm.rootBoardId,
     },
   });
   
@@ -65,6 +77,9 @@ const GeneralSiteSettingsP = ({
       data.siteLogo,
       data.brandDisplaySetting,
       data.locale,
+      Number(data.rootBoardId),
+      data.showVoteCount,
+      data.showVoteButtonInBoard,
       authenticityToken,
     ).then(res => {
       if (res?.status !== HttpStatus.OK) return;
@@ -99,7 +114,7 @@ const GeneralSiteSettingsP = ({
             </div>
 
             <div className="formGroup col-4">
-              <label htmlFor="brandSetting">{ getLabel('tenant', 'brand_setting') }</label>
+              <label htmlFor="brandSetting">{ getLabel('tenant_setting', 'brand_display') }</label>
               <select
                 {...register('brandDisplaySetting')}
                 id="brandSetting"
@@ -136,6 +151,48 @@ const GeneralSiteSettingsP = ({
             </select>
           </div>
 
+          <div className="formGroup">
+            <label htmlFor="rootBoardId">{ getLabel('tenant_setting', 'root_board_id') }</label>
+            <select
+              {...register('rootBoardId')}
+              id="rootBoardId"
+              className="selectPicker"
+            >
+              <option value="0">
+                {I18n.t('roadmap.title')}
+              </option>
+              <optgroup label={getLabel('board')}>
+                {boards.map((board, i) => (
+                  <option value={board.id} key={i}>{board.name}</option>
+                ))}
+              </optgroup>
+            </select>
+          </div>
+
+          <br />
+
+          <div className="formGroup">
+            <div className="checkboxSwitch">
+              <input {...register('showVoteCount')} type="checkbox" id="show_vote_count_checkbox" />
+              <label htmlFor="show_vote_count_checkbox">{ getLabel('tenant_setting', 'show_vote_count') }</label>
+              <SmallMutedText>
+                { I18n.t('site_settings.general.show_vote_count_help') }
+              </SmallMutedText>
+            </div>
+          </div>
+
+          <br />
+
+          <div className="formGroup">
+            <div className="checkboxSwitch">
+              <input {...register('showVoteButtonInBoard')} type="checkbox" id="show_vote_button_in_board_checkbox" />
+              <label htmlFor="show_vote_button_in_board_checkbox">{ getLabel('tenant_setting', 'show_vote_button_in_board') }</label>
+              <SmallMutedText>
+                { I18n.t('site_settings.general.show_vote_button_in_board_help') }
+              </SmallMutedText>
+            </div>
+          </div>
+
           <br />
 
           <Button onClick={() => null} disabled={!isDirty}>
diff --git a/app/javascript/components/SiteSettings/General/index.tsx b/app/javascript/components/SiteSettings/General/index.tsx
index 5e48232d..94cd11d7 100644
--- a/app/javascript/components/SiteSettings/General/index.tsx
+++ b/app/javascript/components/SiteSettings/General/index.tsx
@@ -4,11 +4,13 @@ import { Store } from 'redux';
 
 import GeneralSiteSettings from '../../../containers/GeneralSiteSettings';
 import createStoreHelper from '../../../helpers/createStore';
+import IBoardJSON from '../../../interfaces/json/IBoard';
 import { State } from '../../../reducers/rootReducer';
 import { ISiteSettingsGeneralForm } from './GeneralSiteSettingsP';
 
 interface Props {
   originForm: ISiteSettingsGeneralForm;
+  boards: IBoardJSON[];
   authenticityToken: string;
 }
 
@@ -26,6 +28,7 @@ class GeneralSiteSettingsRoot extends React.Component<Props> {
       <Provider store={this.store}>
         <GeneralSiteSettings
           originForm={this.props.originForm}
+          boards={this.props.boards}
           authenticityToken={this.props.authenticityToken}
         />
       </Provider>
diff --git a/app/javascript/components/SiteSettings/Users/UserForm.tsx b/app/javascript/components/SiteSettings/Users/UserForm.tsx
index 6516f47b..ae0b6a4d 100644
--- a/app/javascript/components/SiteSettings/Users/UserForm.tsx
+++ b/app/javascript/components/SiteSettings/Users/UserForm.tsx
@@ -4,6 +4,7 @@ import I18n from 'i18n-js';
 
 import Button from '../../common/Button';
 import IUser, { UserRoles, USER_ROLE_ADMIN, USER_ROLE_MODERATOR, USER_ROLE_USER } from '../../../interfaces/IUser';
+import { getLabel } from '../../../helpers/formUtils';
 
 interface Props {
   user: IUser;
@@ -57,7 +58,7 @@ class UserForm extends React.Component<Props, State> {
             id="selectPickerUserRole"
             className="selectPicker"
           >
-            <optgroup label="Roles">
+            <optgroup label={getLabel('user', 'role')}>
               <option value={USER_ROLE_USER}>
                 { I18n.t(`site_settings.users.role_${USER_ROLE_USER}`) }
               </option>
diff --git a/app/javascript/containers/GeneralSiteSettings.tsx b/app/javascript/containers/GeneralSiteSettings.tsx
index 3fdbcaeb..40f8f4d4 100644
--- a/app/javascript/containers/GeneralSiteSettings.tsx
+++ b/app/javascript/containers/GeneralSiteSettings.tsx
@@ -16,12 +16,20 @@ const mapDispatchToProps = (dispatch: any) => ({
     siteLogo: string,
     brandDisplaySetting: TenantSettingBrandDisplay,
     locale: string,
+    rootBoardId: number,
+    showVoteCount: boolean,
+    showVoteButtonInBoard: boolean,
     authenticityToken: string
   ): Promise<any> {
     return dispatch(updateTenant({
       siteName,
       siteLogo,
-      tenantSetting: { brand_display: brandDisplaySetting },
+      tenantSetting: {
+        brand_display: brandDisplaySetting,
+        show_vote_count: showVoteCount,
+        show_vote_button_in_board: showVoteButtonInBoard,
+        root_board_id: rootBoardId,
+      },
       locale,
       authenticityToken,
     }));
diff --git a/app/javascript/helpers/formUtils.ts b/app/javascript/helpers/formUtils.ts
index d70d794c..99534774 100644
--- a/app/javascript/helpers/formUtils.ts
+++ b/app/javascript/helpers/formUtils.ts
@@ -3,9 +3,12 @@ import I18n from 'i18n-js';
 
 export const getLabel = (
   entity: string,
-  attribute: string,
+  attribute: string = undefined,
 ) => (
-  I18n.t(`activerecord.attributes.${entity}.${attribute}`)
+  attribute ?
+    I18n.t(`activerecord.attributes.${entity}.${attribute}`)
+  :
+    I18n.t(`activerecord.models.${entity}.one`)
 );
 
 export const getValidationMessage = (
diff --git a/app/javascript/interfaces/IPost.ts b/app/javascript/interfaces/IPost.ts
index ad233e19..29354369 100644
--- a/app/javascript/interfaces/IPost.ts
+++ b/app/javascript/interfaces/IPost.ts
@@ -4,7 +4,7 @@ interface IPost {
   description?: string;
   boardId: number;
   postStatusId?: number;
-  likesCount: number;
+  likeCount: number;
   liked: number;
   commentsCount: number;
   hotness: number;
diff --git a/app/javascript/interfaces/ITenantSetting.ts b/app/javascript/interfaces/ITenantSetting.ts
index 286dc598..e71dbcba 100644
--- a/app/javascript/interfaces/ITenantSetting.ts
+++ b/app/javascript/interfaces/ITenantSetting.ts
@@ -12,6 +12,9 @@ export type TenantSettingBrandDisplay =
 
 interface ITenantSetting {
   brand_display?: TenantSettingBrandDisplay;
+  root_board_id?: number;
+  show_vote_count?: boolean;
+  show_vote_button_in_board?: boolean;
 }
 
 export default ITenantSetting;
\ No newline at end of file
diff --git a/app/javascript/reducers/postReducer.ts b/app/javascript/reducers/postReducer.ts
index 237e7669..73724464 100644
--- a/app/javascript/reducers/postReducer.ts
+++ b/app/javascript/reducers/postReducer.ts
@@ -16,7 +16,7 @@ const initialState: IPost = {
   description: null,
   boardId: 0,
   postStatusId: null,
-  likesCount: 0,
+  likeCount: 0,
   liked: 0,
   commentsCount: 0,
   hotness: 0,
@@ -40,7 +40,7 @@ const postReducer = (
         description: action.post.description,
         boardId: action.post.board_id,
         postStatusId: action.post.post_status_id,
-        likesCount: action.post.likes_count,
+        likeCount: action.post.likes_count,
         liked: action.post.liked,
         commentsCount: action.post.comments_count,
         hotness: action.post.hotness,
diff --git a/app/javascript/reducers/postsReducer.ts b/app/javascript/reducers/postsReducer.ts
index 9e359b33..25ef166c 100644
--- a/app/javascript/reducers/postsReducer.ts
+++ b/app/javascript/reducers/postsReducer.ts
@@ -104,9 +104,9 @@ const postsReducer = (
         items: state.items.map(post => {
           if (action.postId === post.id) {
             return action.isLike ?
-              { ...post, likesCount: post.likesCount + 1, liked: 1 }
+              { ...post, likeCount: post.likeCount + 1, liked: 1 }
               :
-              { ...post, likesCount: post.likesCount - 1, liked: 0 }
+              { ...post, likeCount: post.likeCount - 1, liked: 0 }
           } else return post;
         }),
       };
diff --git a/app/javascript/stylesheets/components/LikeButton.scss b/app/javascript/stylesheets/components/LikeButton.scss
index 33a22391..458d9ccd 100644
--- a/app/javascript/stylesheets/components/LikeButton.scss
+++ b/app/javascript/stylesheets/components/LikeButton.scss
@@ -23,7 +23,7 @@
     border-bottom-color: $primary-color;
   }
 
-  .likesCountLabel {
+  .likeCountLabel {
     text-align: center;
     font-size: 17px;
   }
diff --git a/app/policies/tenant_setting_policy.rb b/app/policies/tenant_setting_policy.rb
index ae33df85..7f6c592c 100644
--- a/app/policies/tenant_setting_policy.rb
+++ b/app/policies/tenant_setting_policy.rb
@@ -1,7 +1,7 @@
 class TenantSettingPolicy < ApplicationPolicy
   def permitted_attributes_for_update
     if user.admin?
-      [:brand_display]
+      [:brand_display, :root_board_id, :show_vote_count, :show_vote_button_in_board]
     else
       []
     end
diff --git a/app/views/boards/show.html.erb b/app/views/boards/show.html.erb
index 9130d40a..7514ea77 100644
--- a/app/views/boards/show.html.erb
+++ b/app/views/boards/show.html.erb
@@ -4,7 +4,9 @@
     {
       board: @board,
       isLoggedIn: user_signed_in?,
-      authenticityToken: form_authenticity_token,
+      isPowerUser: user_signed_in? ? current_user.moderator? : false,
+      tenantSetting: @tenant_setting,
+      authenticityToken: form_authenticity_token
     }
   )
 %>
\ No newline at end of file
diff --git a/app/views/posts/show.html.erb b/app/views/posts/show.html.erb
index 12e890eb..4e7178d3 100644
--- a/app/views/posts/show.html.erb
+++ b/app/views/posts/show.html.erb
@@ -9,6 +9,7 @@
       isPowerUser: user_signed_in? ? current_user.moderator? : false,
       currentUserFullName: user_signed_in? ? current_user.full_name : nil,
       currentUserEmail: user_signed_in? ? current_user.email : nil,
+      tenantSetting: @tenant_setting,
       authenticityToken: form_authenticity_token,
     }
   )
diff --git a/app/views/site_settings/general.html.erb b/app/views/site_settings/general.html.erb
index 97fb0060..889a8138 100644
--- a/app/views/site_settings/general.html.erb
+++ b/app/views/site_settings/general.html.erb
@@ -9,8 +9,12 @@
             siteName: @tenant.site_name,
             siteLogo: @tenant.site_logo,
             brandDisplaySetting: @tenant_setting.brand_display,
+            showVoteCount: @tenant_setting.show_vote_count,
+            showVoteButtonInBoard: @tenant_setting.show_vote_button_in_board,
+            rootBoardId: @tenant_setting.root_board_id.to_s,
             locale: @tenant.locale
           },
+          boards: @tenant.boards.order(order: :asc),
           authenticityToken: form_authenticity_token
         }
       )
diff --git a/config/locales/backend/backend.en.yml b/config/locales/backend/backend.en.yml
index f1157c19..9e47cdb5 100644
--- a/config/locales/backend/backend.en.yml
+++ b/config/locales/backend/backend.en.yml
@@ -47,6 +47,28 @@ en:
         subject: '[%{app_name}] Status change on post %{post}'
         body: "The post you're following %{post} has a new status"
   activerecord:
+    models:
+      board:
+        one: 'Board'
+        other: 'Boards'
+      comment:
+        one: 'Comment'
+        other: 'Comments'
+      like:
+        one: 'Vote'
+        other: 'Votes'
+      o_auth:
+        one: 'OAuth'
+        other: 'OAuths'
+      post_status:
+        one: 'Status'
+        other: 'Statuses'
+      post:
+        one: 'Post'
+        other: 'Posts'
+      user:
+        one: 'User'
+        other: 'Users'
     attributes:
       board:
         name: 'Name'
@@ -92,7 +114,11 @@ en:
         site_logo: 'Site logo'
         subdomain: 'Subdomain'
         locale: 'Language'
-        brand_setting: 'Display'
+      tenant_setting:
+        brand_display: 'Display'
+        show_vote_count: 'Show vote count to users'
+        show_vote_button_in_board: 'Show vote buttons in board page'
+        root_board_id: 'Root page'
       user:
         email: 'Email'
         full_name: 'Full name'
diff --git a/config/locales/en.yml b/config/locales/en.yml
index 34bff516..625c9854 100644
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -153,6 +153,8 @@ en:
       brand_setting_name: 'Name only'
       brand_setting_logo: 'Logo only'
       brand_setting_none: 'None'
+      show_vote_count_help: 'If you enable this setting, users will be able to see the vote count of posts. This may incentivize users to vote on already popular posts, leading to a snowball effect.'
+      show_vote_button_in_board_help: 'If you enable this setting, users will be able to vote posts from the board page. This may incentivize users to vote on more posts, leading to a higher number of votes but of lower significance.'
     boards:
       title: 'Boards'
       empty: 'There are no boards. Create one below!'
diff --git a/config/routes.rb b/config/routes.rb
index 37434ef2..0158e066 100644
--- a/config/routes.rb
+++ b/config/routes.rb
@@ -13,7 +13,7 @@ Rails.application.routes.draw do
   end
 
   constraints subdomain: /.*/ do
-    root to: 'static_pages#roadmap'
+    root to: 'static_pages#root'
     
     get '/roadmap', to: 'static_pages#roadmap'
     get '/pending-tenant', to: 'static_pages#pending_tenant'
diff --git a/db/migrate/20230204145211_add_show_vote_and_button_vote_to_tenant_setting.rb b/db/migrate/20230204145211_add_show_vote_and_button_vote_to_tenant_setting.rb
new file mode 100644
index 00000000..893793d0
--- /dev/null
+++ b/db/migrate/20230204145211_add_show_vote_and_button_vote_to_tenant_setting.rb
@@ -0,0 +1,6 @@
+class AddShowVoteAndButtonVoteToTenantSetting < ActiveRecord::Migration[6.0]
+  def change
+    add_column :tenant_settings, :show_vote_count, :boolean, null: false, default: false
+    add_column :tenant_settings, :show_vote_button_in_board, :boolean, null: false, default: false
+  end
+end
diff --git a/db/migrate/20230204171748_add_root_board_id_to_tenant_setting.rb b/db/migrate/20230204171748_add_root_board_id_to_tenant_setting.rb
new file mode 100644
index 00000000..a65b650e
--- /dev/null
+++ b/db/migrate/20230204171748_add_root_board_id_to_tenant_setting.rb
@@ -0,0 +1,5 @@
+class AddRootBoardIdToTenantSetting < ActiveRecord::Migration[6.0]
+  def change
+    add_column :tenant_settings, :root_board_id, :integer, null: false, default: 0
+  end
+end
diff --git a/db/schema.rb b/db/schema.rb
index e97213e5..d323a47b 100644
--- a/db/schema.rb
+++ b/db/schema.rb
@@ -10,7 +10,7 @@
 #
 # It's strongly recommended that you check this file into your version control system.
 
-ActiveRecord::Schema.define(version: 2023_01_31_194858) do
+ActiveRecord::Schema.define(version: 2023_02_04_171748) do
 
   # These are extensions that must be enabled in order to support this database
   enable_extension "plpgsql"
@@ -129,6 +129,9 @@ ActiveRecord::Schema.define(version: 2023_01_31_194858) do
     t.bigint "tenant_id", null: false
     t.datetime "created_at", precision: 6, null: false
     t.datetime "updated_at", precision: 6, null: false
+    t.boolean "show_vote_count", default: false, null: false
+    t.boolean "show_vote_button_in_board", default: false, null: false
+    t.integer "root_board_id", default: 0, null: false
     t.index ["tenant_id"], name: "index_tenant_settings_on_tenant_id"
   end
 
diff --git a/spec/factories/tenant_settings.rb b/spec/factories/tenant_settings.rb
index 1f659df7..af9329c5 100644
--- a/spec/factories/tenant_settings.rb
+++ b/spec/factories/tenant_settings.rb
@@ -1,6 +1,5 @@
 FactoryBot.define do
   factory :tenant_setting do
-    brand_display { 0 }
     tenant
   end
 end
diff --git a/spec/models/tenant_setting_spec.rb b/spec/models/tenant_setting_spec.rb
index 11204d9e..84240918 100644
--- a/spec/models/tenant_setting_spec.rb
+++ b/spec/models/tenant_setting_spec.rb
@@ -19,4 +19,16 @@ RSpec.describe TenantSetting, type: :model do
     tenant_setting.brand_display = 'no_name_no_logo'
     expect(tenant_setting).to be_valid
   end
+
+  it 'has a setting to show vote count' do
+    expect(tenant_setting.show_vote_count).to be_falsy
+  end
+
+  it 'has a setting to show vote button in board view' do
+    expect(tenant_setting.show_vote_button_in_board).to be_falsy
+  end
+
+  it 'has a setting that contains the board id of the root page' do
+    expect(tenant_setting.root_board_id).to eq(0)
+  end
 end
diff --git a/spec/routing/static_pages_routing_spec.rb b/spec/routing/static_pages_routing_spec.rb
index 0e528620..1ea5b419 100644
--- a/spec/routing/static_pages_routing_spec.rb
+++ b/spec/routing/static_pages_routing_spec.rb
@@ -3,7 +3,7 @@ require 'rails_helper'
 RSpec.describe 'static pages routing', :aggregate_failures, type: :routing do
   it 'routes roadmap' do
     expect(get: '/').to route_to(
-      controller: 'static_pages', action: 'roadmap'
+      controller: 'static_pages', action: 'root'
     )
     
     expect(get: '/roadmap').to route_to(
diff --git a/spec/system/likes_spec.rb b/spec/system/likes_spec.rb
index 372965e3..c9558fac 100644
--- a/spec/system/likes_spec.rb
+++ b/spec/system/likes_spec.rb
@@ -10,7 +10,7 @@ feature 'likes', type: :system, js: true do
   let(:post_header_selector) { '.postHeader' }
   let(:like_button_container_selector) { '.likeButtonContainer' }
   let(:like_button_selector) { '.likeButton' }
-  let(:likes_count_label_selector) { '.likesCountLabel' }
+  let(:likes_count_label_selector) { '.likeCountLabel' }
   let(:like_list_container_selector) { '.likeListContainer' }
 
   before(:each) do