fix: Content: SEO Meta Description Displays that there are excess characters when there are none (#2534)

* seo meta descirptions

* add isSaving as dependency

* removing the useEffect, making use the uesEffect inside ItemSettings of removing errors when there are errors while saving

* removing isSaving prop

* remove useEffect import

* update slice number of text in metakeywords

Author: glespinosa

src/apps/content-editor/src/app/views/ItemEdit/Meta/ItemSettings/ItemSettings.js

@@ -1,4 +1,11 @@
-import { memo, Fragment, useCallback, useMemo, useState } from "react";
+import {
+  memo,
+  Fragment,
+  useCallback,
+  useMemo,
+  useState,
+  useEffect,
+} from "react";
 import { useSelector } from "react-redux";
 import { useDispatch } from "react-redux";
 
@@ -75,6 +82,13 @@ export const ItemSettings = memo(
       [meta.ZUID, errors]
     );
 
+    useEffect(() => {
+      if (props.saving) {
+        setErrors({});
+        return;
+      }
+    }, [props.saving]);
+
     return (
       <section className={styles.Meta}>
         <main className={styles.MetaMain}>

src/apps/content-editor/src/app/views/ItemEdit/Meta/Meta.js

@@ -18,6 +18,7 @@ export function Meta(props) {
             item={props.item}
             content={props.items}
             dispatch={props.dispatch}
+            saving={props.saving}
           />
         )}
       </div>

src/shell/store/content.js

@@ -408,7 +408,15 @@ export function saveItem(itemZUID, action = "") {
     if (item.web.metaDescription) {
       item.web.metaDescription = item.web.metaDescription.slice(0, 160);
     }
-
+    if (item.web.metaTitle) {
+      item.web.metaTitle = item.web.metaTitle.slice(0, 150);
+    }
+    if (item.web.metaLinkText) {
+      item.web.metaLinkText = item.web.metaLinkText.slice(0, 150);
+    }
+    if (item.web.metaKeywords) {
+      item.web.metaKeywords = item.web.metaKeywords.slice(0, 255);
+    }
     /*
       Nav item will not be found if item does exist in the nav such is the case
       when the item is in a dataset