Props check for access token

src/client/js/components/Admin/SlackIntegration/AccessTokenSettings.jsx

@@ -23,6 +23,8 @@ const AccessTokenSettings = (props) => {
     toastSuccess(t('slack_integration.copied_to_clipboard'));
   };
 
+  const accessToken = props.accessToken ? props.accessToken : '';
+
   return (
     <div className="row">
       <div className="col-lg-12">
@@ -32,15 +34,13 @@ const AccessTokenSettings = (props) => {
         <div className="form-group row my-5">
           <label className="text-left text-md-right col-md-3 col-form-label">Access Token</label>
           <div className="col-md-6">
-            {props.accessToken == null
-              ? (
-                <input className="form-control" type="text" value={props.accessToken} readOnly />
-              ) : (
-                <CopyToClipboard text={props.accessToken} onCopy={showCopiedToaster}>
-                  <input className="form-control" type="text" value={props.accessToken} readOnly />
-                </CopyToClipboard>
-              )
-            }
+            {props.accessToken == null ? (
+              <input className="form-control" type="text" value={accessToken} readOnly />
+            ) : (
+              <CopyToClipboard text={accessToken} onCopy={showCopiedToaster}>
+                <input className="form-control" type="text" value={accessToken} readOnly />
+              </CopyToClipboard>
+            )}
           </div>
         </div>