@tager/admin-blog 0.3.31 → 0.3.36

package/dist/typings/model.d.ts

@@ -1,20 +1,6 @@
 import { Nullable, FileType } from '@tager/admin-services';
 import { FieldConfigUnion, FieldShortType, IncomingValueUnion } from '@tager/admin-dynamic-field';
 import { OptionType, ShortCodeItemType, SingleFileInputValueType } from '@tager/admin-ui';
-import { Scope } from '../constants/scopes';
-import { Values } from './common';
-export declare type ScopeType = Values<typeof Scope>;
-export interface RoleModel {
-    readonly id: number;
-    readonly name: string;
-    readonly scopes: Array<ScopeType>;
-}
-export interface UserModel {
-    readonly id: number;
-    readonly name: string;
-    readonly email: string;
-    readonly roles: Array<RoleModel>;
-}
 export interface SeoInfo {
     readonly pageTitle: Nullable<string>;
     readonly pageDescription: Nullable<string>;
@@ -33,7 +19,7 @@ export interface Category extends SeoInfo {
     readonly urlAlias: string;
     readonly postsCount: string;
     readonly parent: Nullable<{
-        id: number;
+        id: Nullable<number>;
         name: string;
     }>;
     readonly depth: number;
@@ -96,7 +82,7 @@ export interface ModuleConfig {
 export interface CategoryFormValues {
     language: Nullable<OptionType>;
     name: string;
-    parent: Nullable<OptionType<number>>;
+    parent: OptionType<Nullable<number>>;
     urlAlias: string;
     pageTitle: Nullable<string>;
     pageDescription: Nullable<string>;

package/dist/utils/common.d.ts

@@ -1,4 +1,2 @@
-export declare function namespace(namespace: string, name: string): string;
-export declare function userNamespace(name: string): string;
 export declare function generateNumberArray(length: number): Array<number>;
 export declare function getNameWithDepth(name: string, depth: number): string;

package/dist/views/Categories/CategoryForm/CategoryForm.helpers.d.ts

@@ -1,5 +1,7 @@
+import { TFunction } from 'i18next';
 import { Nullable } from '@tager/admin-services';
 import { OptionType } from '@tager/admin-ui';
 import { Category, CategoryFormValues, CategoryPayload } from '../../../typings/model';
-export declare function convertCategoryToFormValues(category: Nullable<Category>, languageOptionList: OptionType[]): CategoryFormValues;
+export declare function convertCategoryToFormValues(category: Nullable<Category>, languageOptionList: OptionType[], t: TFunction): CategoryFormValues;
 export declare function convertCategoryFormValuesToPayload(values: CategoryFormValues): CategoryPayload;
+export declare function convertCategoryListToOptions(categoryList: Category[], languageId: Nullable<string>, t: TFunction): OptionType<Nullable<number>>[];

package/dist/views/Categories/CategoryForm/CategoryForm.vue.d.ts

@@ -1,3 +1,4 @@
+import { Nullable } from '@tager/admin-services';
 import { OptionType, TagerFormSubmitEvent, SeoChangeEvent, TabType } from '@tager/admin-ui';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     isCreation: import("@vue/composition-api").ComputedRef<boolean>;
@@ -10,16 +11,16 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         } | null;
         name: string;
         parent: {
-            value: number;
+            value: Nullable<number>;
             label: string;
             disabled?: boolean | undefined;
-        } | null;
+        };
         urlAlias: string;
-        pageTitle: import("@tager/admin-services").Nullable<string>;
-        pageDescription: import("@tager/admin-services").Nullable<string>;
-        pageKeywords: import("@tager/admin-services").Nullable<string>;
-        openGraphTitle: import("@tager/admin-services").Nullable<string>;
-        openGraphDescription: import("@tager/admin-services").Nullable<string>;
+        pageTitle: Nullable<string>;
+        pageDescription: Nullable<string>;
+        pageKeywords: Nullable<string>;
+        openGraphTitle: Nullable<string>;
+        openGraphDescription: Nullable<string>;
         openGraphImage: {
             id: string;
             file: {
@@ -41,9 +42,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     categoryListUrl: "/blog/categories";
     submitForm: (event: TagerFormSubmitEvent) => void;
     isSubmitting: import("@vue/composition-api").Ref<boolean>;
-    moduleConfig: import("@vue/composition-api").Ref<import("@tager/admin-services").Nullable<import("../../../typings/model").ModuleConfig>>;
-    categoryOptionList: import("@vue/composition-api").ComputedRef<OptionType<number>[]>;
-    imageScenario: import("@vue/composition-api").ComputedRef<import("@tager/admin-services").Nullable<string>>;
+    moduleConfig: import("@vue/composition-api").Ref<Nullable<import("../../../typings/model").ModuleConfig>>;
+    parentCategoryOptionList: import("@vue/composition-api").ComputedRef<OptionType<Nullable<number>>[]>;
+    handleNameChange: (value: string) => void;
+    handleAliasChange: () => void;
+    imageScenario: import("@vue/composition-api").ComputedRef<Nullable<string>>;
     handleSeoFieldGroupChange: ({ title, description, keywords, image, }: SeoChangeEvent) => void;
     tabList: import("@vue/composition-api").ComputedRef<TabType[]>;
     selectedTabId: import("@vue/composition-api").Ref<string>;
@@ -64,16 +67,16 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         } | null;
         name: string;
         parent: {
-            value: number;
+            value: Nullable<number>;
             label: string;
             disabled?: boolean | undefined;
-        } | null;
+        };
         urlAlias: string;
-        pageTitle: import("@tager/admin-services").Nullable<string>;
-        pageDescription: import("@tager/admin-services").Nullable<string>;
-        pageKeywords: import("@tager/admin-services").Nullable<string>;
-        openGraphTitle: import("@tager/admin-services").Nullable<string>;
-        openGraphDescription: import("@tager/admin-services").Nullable<string>;
+        pageTitle: Nullable<string>;
+        pageDescription: Nullable<string>;
+        pageKeywords: Nullable<string>;
+        openGraphTitle: Nullable<string>;
+        openGraphDescription: Nullable<string>;
         openGraphImage: {
             id: string;
             file: {
@@ -95,9 +98,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     categoryListUrl: "/blog/categories";
     submitForm: (event: TagerFormSubmitEvent) => void;
     isSubmitting: import("@vue/composition-api").Ref<boolean>;
-    moduleConfig: import("@vue/composition-api").Ref<import("@tager/admin-services").Nullable<import("../../../typings/model").ModuleConfig>>;
-    categoryOptionList: import("@vue/composition-api").ComputedRef<OptionType<number>[]>;
-    imageScenario: import("@vue/composition-api").ComputedRef<import("@tager/admin-services").Nullable<string>>;
+    moduleConfig: import("@vue/composition-api").Ref<Nullable<import("../../../typings/model").ModuleConfig>>;
+    parentCategoryOptionList: import("@vue/composition-api").ComputedRef<OptionType<Nullable<number>>[]>;
+    handleNameChange: (value: string) => void;
+    handleAliasChange: () => void;
+    imageScenario: import("@vue/composition-api").ComputedRef<Nullable<string>>;
     handleSeoFieldGroupChange: ({ title, description, keywords, image, }: SeoChangeEvent) => void;
     tabList: import("@vue/composition-api").ComputedRef<TabType[]>;
     selectedTabId: import("@vue/composition-api").Ref<string>;

package/dist/views/Categories/CategoryList/CategoryList.helpers.d.ts

@@ -3,5 +3,5 @@ import { Nullable } from '@tager/admin-services';
 import { ColumnDefinition } from '@tager/admin-ui';
 import { Category, Language, ModuleConfig } from '../../../typings/model';
 export declare function convertCategoryList(categoryList: Category[], languages: Language[]): Category[];
-export declare function getCategoryTableColumnDefs(moduleConfig: Nullable<ModuleConfig>, t: TFunction, canViewAdministrators: boolean): ColumnDefinition<Category>[];
+export declare function getCategoryTableColumnDefs(moduleConfig: Nullable<ModuleConfig>, t: TFunction): ColumnDefinition<Category>[];
 export declare function getLinkToPostsByCategory(categoryId: number): string;

package/dist/views/Categories/CategoryList/CategoryList.vue.d.ts

@@ -22,7 +22,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     languageOptionList: import("@vue/composition-api").ComputedRef<import("@tager/admin-ui").OptionType<string>[]>;
     tags: import("@vue/composition-api").ComputedRef<import("@tager/admin-ui").FilterTagType[]>;
     tagRemovalHandler: (event: import("@tager/admin-ui").FilterTagType) => void;
-    canViewAdministrators: import("@vue/composition-api").ComputedRef<boolean>;
 }> & {
     [key: string]: unknown;
 }, {}, {}, unknown, {
@@ -50,7 +49,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     languageOptionList: import("@vue/composition-api").ComputedRef<import("@tager/admin-ui").OptionType<string>[]>;
     tags: import("@vue/composition-api").ComputedRef<import("@tager/admin-ui").FilterTagType[]>;
     tagRemovalHandler: (event: import("@tager/admin-ui").FilterTagType) => void;
-    canViewAdministrators: import("@vue/composition-api").ComputedRef<boolean>;
 }>, {
     [x: string]: any;
 }, {}, {}, {

package/dist/views/Posts/PostList/PostList.helpers.d.ts

@@ -3,4 +3,4 @@ import { Nullable } from '@tager/admin-services';
 import { ColumnDefinition } from '@tager/admin-ui';
 import { Category, ModuleConfig, Language, PostShort } from '../../../typings/model';
 export declare function convertPostList(postList: PostShort[], selectedCategory: Nullable<Category>, languages: Language[]): PostShort[];
-export declare function getPostTableColumnDefs(moduleConfig: Nullable<ModuleConfig>, t: TFunction, canViewAdministrators: boolean): ColumnDefinition<PostShort>[];
+export declare function getPostTableColumnDefs(moduleConfig: Nullable<ModuleConfig>, t: TFunction): ColumnDefinition<PostShort>[];

package/dist/views/Posts/PostList/PostList.vue.d.ts

@@ -25,7 +25,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     toDateFilter: import("@vue/composition-api").Ref<string>;
     tags: import("@vue/composition-api").ComputedRef<import("@tager/admin-ui").FilterTagType[]>;
     tagRemovalHandler: (event: import("@tager/admin-ui").FilterTagType) => void;
-    canViewAdministrators: import("@vue/composition-api").ComputedRef<boolean>;
     handleResourceClone: (entityId: string | number) => void;
     isBusy: (postId: number) => boolean;
 }> & {
@@ -58,7 +57,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     toDateFilter: import("@vue/composition-api").Ref<string>;
     tags: import("@vue/composition-api").ComputedRef<import("@tager/admin-ui").FilterTagType[]>;
     tagRemovalHandler: (event: import("@tager/admin-ui").FilterTagType) => void;
-    canViewAdministrators: import("@vue/composition-api").ComputedRef<boolean>;
     handleResourceClone: (entityId: string | number) => void;
     isBusy: (postId: number) => boolean;
 }>, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tager/admin-blog",
-  "version": "0.3.31",
+  "version": "0.3.36",
   "license": "MIT",
   "main": "dist/index.umd.js",
   "module": "dist/index.esm.js",
@@ -21,8 +21,7 @@
   "dependencies": {
     "lodash.isequal": "^4.5.0",
     "lodash.pick": "^4.4.0",
-    "path-to-regexp": "^6.1.0",
-    "vuex": "^3.6.2"
+    "path-to-regexp": "^6.1.0"
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^15.0.0",
@@ -40,7 +39,6 @@
     "@vue/cli-plugin-eslint": "~4.5.6",
     "@vue/cli-plugin-router": "~4.5.6",
     "@vue/cli-plugin-typescript": "~4.5.6",
-    "@vue/cli-plugin-vuex": "^4.5.14",
     "@vue/cli-service": "~4.5.6",
     "@vue/composition-api": "^1.0.0-beta.14",
     "@vue/eslint-config-prettier": "^6.0.0",

package/src/dev.ts

@@ -1,6 +1,5 @@
 import Vue, { CreateElement } from 'vue';
 import VueCompositionApi, { createApp } from '@vue/composition-api';
-import Vuex from 'vuex';
 
 import { configStore, i18n } from '@tager/admin-services';
 import { AdminUiPlugin } from '@tager/admin-ui';
@@ -9,7 +8,6 @@ import { AdminLayoutPlugin } from '@tager/admin-layout';
 import '@tager/admin-ui/dist/admin-ui.css';
 
 import router from './router';
-import store from './store';
 import config from './config/config.json';
 import App from './views/App.vue';
 import EN from './locales/en';
@@ -26,11 +24,9 @@ i18n.init({ debug: false }).then(() => {
   const app = createApp({
     router,
     render: (h: CreateElement) => h(App),
-    store,
   });
 
   app.use(i18n.getPlugin());
-  app.use(Vuex);
   app.use(AdminUiPlugin);
   app.use(AdminLayoutPlugin);
 

package/src/hooks/index.ts

@@ -2,6 +2,3 @@ export { useFetchPosts } from './useFetchPosts';
 export { useFetchCategory } from './useFetchCategory';
 export { useFetchCategories } from './useFetchCategories';
 export { useFetchModuleConfig } from './useFetchModuleConfig';
-export { useStore } from './useStore';
-export { useUserProfile } from './useUserProfile';
-export { useUserPermission } from './useUserPermission';

package/src/locales/en.ts

@@ -74,6 +74,7 @@ const EN = {
   },
 
   parentCategory: 'Parent category',
+  noParent: 'No parent',
 };
 
 export default EN;

package/src/locales/ru.ts

@@ -76,6 +76,7 @@ const RU: typeof EN = {
   },
 
   parentCategory: 'Родительская категория',
+  noParent: 'Нет родительской',
 };
 
 export default RU;

package/src/services/requests.ts

@@ -6,14 +6,9 @@ import {
   ModuleConfig,
   PostShort,
   PostFull,
-  UserModel,
   CategoryPayload,
 } from '../typings/model';
 
-export function getUserProfile(): Promise<ResponseBody<UserModel>> {
-  return request.get({ path: '/admin/self' });
-}
-
 /** Blog Posts */
 
 export function getPosts(params?: {
@@ -24,7 +19,7 @@ export function getPosts(params?: {
   return request.get({ path: '/admin/blog/posts', params });
 }
 
-export function getCountPosts(): Promise<ResponseBody<{ count: number }>> {
+export function getBlogPostCount(): Promise<ResponseBody<{ count: number }>> {
   return request.get({ path: '/admin/blog/posts/count' });
 }
 

package/src/typings/model.ts

@@ -10,25 +10,6 @@ import {
   SingleFileInputValueType,
 } from '@tager/admin-ui';
 
-import { Scope } from '../constants/scopes';
-
-import { Values } from './common';
-
-export type ScopeType = Values<typeof Scope>;
-
-export interface RoleModel {
-  readonly id: number;
-  readonly name: string;
-  readonly scopes: Array<ScopeType>;
-}
-
-export interface UserModel {
-  readonly id: number;
-  readonly name: string;
-  readonly email: string;
-  readonly roles: Array<RoleModel>;
-}
-
 export interface SeoInfo {
   readonly pageTitle: Nullable<string>;
   readonly pageDescription: Nullable<string>;
@@ -47,7 +28,7 @@ export interface Category extends SeoInfo {
   readonly urlTemplate: string;
   readonly urlAlias: string;
   readonly postsCount: string;
-  readonly parent: Nullable<{ id: number; name: string }>;
+  readonly parent: Nullable<{ id: Nullable<number>; name: string }>;
   readonly depth: number;
 }
 
@@ -115,7 +96,7 @@ export interface ModuleConfig {
 export interface CategoryFormValues {
   language: Nullable<OptionType>;
   name: string;
-  parent: Nullable<OptionType<number>>;
+  parent: OptionType<Nullable<number>>;
   urlAlias: string;
 
   pageTitle: Nullable<string>;

package/src/utils/common.ts

@@ -1,13 +1,3 @@
-import { USER_MODULE_NAMESPACE } from '../store/user';
-
-export function namespace(namespace: string, name: string): string {
-  return `${namespace}/${name}`;
-}
-
-export function userNamespace(name: string): string {
-  return namespace(USER_MODULE_NAMESPACE, name);
-}
-
 export function generateNumberArray(length: number): Array<number> {
   return Array.from({ length }, (_, index) => index);
 }

package/src/views/App.vue

@@ -5,23 +5,15 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, onMounted, SetupContext } from '@vue/composition-api';
+import { defineComponent, SetupContext } from '@vue/composition-api';
 
-import { userNamespace } from '../utils/common';
-import { useStore } from '../hooks';
-import { USER_ACTION_TYPES } from '../store/user';
 import { getBlogMenuItem } from '../constants/menu';
 
 export default defineComponent({
   name: 'App',
   setup(props, context: SetupContext) {
-    const store = useStore(context);
     const blogMenuItem = getBlogMenuItem({ t: context.root.$t });
 
-    onMounted(() => {
-      store.dispatch(userNamespace(USER_ACTION_TYPES.FETCH_USER_PROFILE));
-    });
-
     return {
       sidebarMenuList: [blogMenuItem],
     };

package/src/views/Categories/CategoryForm/CategoryForm.helpers.ts

@@ -1,3 +1,5 @@
+import { TFunction } from 'i18next';
+
 import { createId, Nullable } from '@tager/admin-services';
 import { OptionType } from '@tager/admin-ui';
 
@@ -6,10 +8,12 @@ import {
   CategoryFormValues,
   CategoryPayload,
 } from '../../../typings/model';
+import { getNameWithDepth } from '../../../utils/common';
 
 export function convertCategoryToFormValues(
   category: Nullable<Category>,
-  languageOptionList: OptionType[]
+  languageOptionList: OptionType[],
+  t: TFunction
 ): CategoryFormValues {
   const currentLangOption = languageOptionList.find(
     ({ value }) => value === category?.language
@@ -19,7 +23,7 @@ export function convertCategoryToFormValues(
     return {
       language: currentLangOption ?? null,
       name: '',
-      parent: null,
+      parent: { value: null, label: t('blog:noParent') },
       urlAlias: '',
 
       pageTitle: '',
@@ -36,7 +40,7 @@ export function convertCategoryToFormValues(
     name: category.name,
     parent: category.parent
       ? { value: category.parent.id, label: category.parent.name }
-      : null,
+      : { value: null, label: t('blog:noParent') },
     urlAlias: category.urlAlias,
 
     pageTitle: category.pageTitle ?? '',
@@ -56,7 +60,7 @@ export function convertCategoryFormValuesToPayload(
   return {
     language: values.language?.value ?? null,
     name: values.name,
-    parent: values.parent?.value ?? null,
+    parent: values.parent.value,
     urlAlias: values.urlAlias,
     isDefault: false,
 
@@ -65,3 +69,19 @@ export function convertCategoryFormValuesToPayload(
     openGraphImage: values.openGraphImage?.file.id ?? null,
   };
 }
+
+export function convertCategoryListToOptions(
+  categoryList: Category[],
+  languageId: Nullable<string>,
+  t: TFunction
+): OptionType<Nullable<number>>[] {
+  return [
+    { value: null, label: t('blog:noParent') },
+    ...categoryList
+      .filter(({ language }) => (languageId ? language === languageId : true))
+      .map(({ id, name, depth }) => ({
+        value: id,
+        label: getNameWithDepth(name, depth),
+      })),
+  ];
+}

package/src/views/Categories/CategoryForm/CategoryForm.vue

@@ -22,13 +22,15 @@
             name="name"
             :label="$t('blog:name')"
             :error="errors.name"
+            @input="handleNameChange"
           />
 
           <form-field-select
+            v-if="!isLangSpecific || values.language"
             v-model="values.parent"
             name="parentCategory"
             :label="$t('blog:parentCategory')"
-            :options="categoryOptionList"
+            :options="parentCategoryOptionList"
             :error="errors.parent"
           />
 
@@ -39,6 +41,7 @@
             :label="$t('blog:link')"
             :url-template="pagePath"
             :error="errors.urlAlias"
+            @change="handleAliasChange"
           />
         </template>
 
@@ -67,10 +70,11 @@
             />
 
             <form-field-select
+              v-if="!isLangSpecific || values.language"
               v-model="values.parent"
               name="parentCategory"
               :label="$t('blog:parentCategory')"
-              :options="categoryOptionList"
+              :options="parentCategoryOptionList"
               :error="errors.parent"
             />
 
@@ -121,6 +125,8 @@ import { computed, defineComponent, ref, watch } from '@vue/composition-api';
 import {
   convertRequestErrorToMap,
   getWebsiteOrigin,
+  Nullable,
+  urlTranslit,
 } from '@tager/admin-services';
 import {
   OptionType,
@@ -131,7 +137,6 @@ import {
   useTranslation,
 } from '@tager/admin-ui';
 
-import { convertCategoryListToOptions } from '../../Posts/PostForm/PostForm.helpers';
 import {
   useFetchCategories,
   useFetchCategory,
@@ -146,6 +151,7 @@ import { createCategory, updateCategory } from '../../../services/requests';
 
 import {
   convertCategoryFormValuesToPayload,
+  convertCategoryListToOptions,
   convertCategoryToFormValues,
 } from './CategoryForm.helpers';
 
@@ -200,14 +206,15 @@ export default defineComponent({
     /** Form State */
     const isSubmitting = ref<boolean>(false);
     const values = ref<CategoryFormValues>(
-      convertCategoryToFormValues(category.value, languageOptionList.value)
+      convertCategoryToFormValues(category.value, languageOptionList.value, t)
     );
     const errors = ref<Record<string, string>>({});
 
-    watch(category, () => {
+    watch([category, languageOptionList], () => {
       values.value = convertCategoryToFormValues(
         category.value,
-        languageOptionList.value
+        languageOptionList.value,
+        t
       );
     });
 
@@ -237,7 +244,8 @@ export default defineComponent({
           if (event.type === 'create_create-another') {
             values.value = convertCategoryToFormValues(
               null,
-              languageOptionList.value
+              languageOptionList.value,
+              t
             );
           }
 
@@ -267,11 +275,13 @@ export default defineComponent({
 
     /** Category Options */
 
-    const categoryOptionList = computed<OptionType<number>[]>(() =>
-      convertCategoryListToOptions(
-        categories.value,
-        values.value.language?.value ?? null
-      )
+    const parentCategoryOptionList = computed<OptionType<Nullable<number>>[]>(
+      () =>
+        convertCategoryListToOptions(
+          categories.value,
+          values.value.language?.value ?? null,
+          t
+        )
     );
 
     /** Misc */
@@ -310,6 +320,20 @@ export default defineComponent({
 
     const selectedTabId = ref<string>(tabList.value[0].id);
 
+    /** Url Alias **/
+
+    const urlAliasChanged = ref<boolean>(false);
+
+    const handleNameChange = (value: string) => {
+      if (isCreation.value && !urlAliasChanged.value) {
+        values.value.urlAlias = urlTranslit(value);
+      }
+    };
+
+    const handleAliasChange = () => {
+      urlAliasChanged.value = true;
+    };
+
     return {
       isCreation,
       isContentLoading: isContentLoading,
@@ -322,7 +346,9 @@ export default defineComponent({
       submitForm,
       isSubmitting,
       moduleConfig,
-      categoryOptionList,
+      parentCategoryOptionList,
+      handleNameChange,
+      handleAliasChange,
 
       // SEO
       imageScenario,

package/src/views/Categories/CategoryList/CategoryList.helpers.ts

@@ -32,8 +32,7 @@ export function convertCategoryList(
 
 export function getCategoryTableColumnDefs(
   moduleConfig: Nullable<ModuleConfig>,
-  t: TFunction,
-  canViewAdministrators: boolean
+  t: TFunction
 ): ColumnDefinition<Category>[] {
   const isLangSpecific = moduleConfig
     ? moduleConfig.languages.length > 0
@@ -77,16 +76,14 @@ export function getCategoryTableColumnDefs(
       field: 'linkToPosts',
       style: { whiteSpace: 'nowrap', width: '130px' },
     },
-    canViewAdministrators
-      ? {
-          id: 5,
-          name: t('blog:actions'),
-          field: 'actions',
-          style: { whiteSpace: 'nowrap', width: '170px' },
-          headStyle: { whiteSpace: 'nowrap', width: '170px' },
-          class: 'actions-cell',
-        }
-      : null,
+    {
+      id: 5,
+      name: t('blog:actions'),
+      field: 'actions',
+      style: { whiteSpace: 'nowrap', width: '170px' },
+      headStyle: { whiteSpace: 'nowrap', width: '170px' },
+      class: 'actions-cell',
+    },
   ];
 
   return COLUMN_DEFS.filter(notEmpty);