132486 remove isDisappear

apps/app/src/components/PageControls/PageControls.tsx

@@ -57,7 +57,7 @@ const Tags = (props: TagsProps): JSX.Element => {
   return (
     <div className="grw-taglabels-container d-flex align-items-center">
       <a
-        className="btn btn-link btn-edit-tags text-muted p-0 d-flex align-items-center"
+        className="btn btn-link btn-edit-tags text-muted border border-secondary p-1 d-flex align-items-center"
         onClick={() => openTagEditModal(tagsInfoData?.tags)}
       >
         <i className="icon-tag me-2" />

apps/app/src/components/PageSideContents/PageSideContents.tsx

@@ -54,8 +54,6 @@ const Tags = (props: TagsProps): JSX.Element => {
 
   const isTagLabelsDisabled = !!isGuestUser || !!isReadOnlyUser;
 
-  const isDisappear = false;
-
   return (
     <div className="grw-taglabels-container">
       { tagsInfoData?.tags != null
@@ -63,7 +61,6 @@ const Tags = (props: TagsProps): JSX.Element => {
           <PageTags
             tags={tagsInfoData.tags}
             isTagLabelsDisabled={isTagLabelsDisabled ?? false}
-            isDisappear={isDisappear}
             pageId={pageId}
           />
         )

apps/app/src/components/PageTags/PageTags.tsx

@@ -10,7 +10,6 @@ import styles from './TagLabels.module.scss';
 type Props = {
   tags?: string[],
   isTagLabelsDisabled: boolean,
-  isDisappear: boolean,
   tagsUpdateInvoked?: (tags: string[]) => Promise<void> | void,
   pageId: string,
 }
@@ -21,7 +20,7 @@ export const PageTagsSkeleton = (): JSX.Element => {
 
 export const PageTags:FC<Props> = (props: Props) => {
   const {
-    tags, isTagLabelsDisabled, isDisappear, pageId,
+    tags, isTagLabelsDisabled, pageId,
   } = props;
 
   if (tags == null) {
@@ -34,7 +33,6 @@ export const PageTags:FC<Props> = (props: Props) => {
         <RenderTagLabels
           tags={tags}
           isTagLabelsDisabled={isTagLabelsDisabled}
-          isDisappear={isDisappear}
           pageId={pageId}
         />
       </div>

apps/app/src/components/PageTags/RenderTagLabels.tsx

@@ -12,13 +12,12 @@ import { NotAvailableForReadOnlyUser } from '../NotAvailableForReadOnlyUser';
 type RenderTagLabelsProps = {
   tags: string[],
   isTagLabelsDisabled: boolean,
-  isDisappear: boolean,
   pageId: string,
 }
 
 const RenderTagLabels = React.memo((props: RenderTagLabelsProps) => {
   const {
-    tags, isTagLabelsDisabled, isDisappear, pageId,
+    tags, isTagLabelsDisabled, pageId,
   } = props;
   const { t } = useTranslation();
 
@@ -30,7 +29,7 @@ const RenderTagLabels = React.memo((props: RenderTagLabelsProps) => {
 
   return (
     <>
-      {!isDisappear && tags.map(tag => (
+      {tags.map(tag => (
         <a
           key={tag}
           type="button"
@@ -47,8 +46,7 @@ const RenderTagLabels = React.memo((props: RenderTagLabelsProps) => {
               className={
                 `btn btn-link btn-edit-tags text-muted d-flex align-items-center
                 ${isTagsEmpty && 'no-tags'}
-                ${isTagLabelsDisabled && 'disabled'}
-                ${isDisappear && 'border border-secondary p-1'}`
+                ${isTagLabelsDisabled && 'disabled'}`
               }
               onClick={() => openTagEditModal(tagsInfoData?.tags)}
             >