Web:People:Reassign: update dark-theme

products/ASC.People/Client/src/pages/Reassign/Section/Header/index.js

@@ -1,13 +1,13 @@
-import React, { useCallback } from "react";
+import React, { useCallback } from 'react';
-import IconButton from "@appserver/components/icon-button";
+import IconButton from '@appserver/components/icon-button';
-import Headline from "@appserver/common/components/Headline";
+import Headline from '@appserver/common/components/Headline';
-import { withRouter } from "react-router";
+import { withRouter } from 'react-router';
-import { useTranslation } from "react-i18next";
+import { useTranslation } from 'react-i18next';
-import styled from "styled-components";
+import styled from 'styled-components';
-import { inject, observer } from "mobx-react";
+import { inject, observer } from 'mobx-react';
-import config from "../../../../../package.json";
+import config from '../../../../../package.json';
-import { combineUrl } from "@appserver/common/utils";
+import { combineUrl } from '@appserver/common/utils';
-import { AppServerConfig } from "@appserver/common/constants";
+import { AppServerConfig } from '@appserver/common/constants';
 
 const Wrapper = styled.div`
   display: grid;
@@ -23,12 +23,12 @@ const Wrapper = styled.div`
 `;
 
 const textStyle = {
-  marginLeft: "16px",
+  marginLeft: '16px',
 };
 
 const SectionHeaderContent = (props) => {
   const { history } = props;
-  const { t } = useTranslation("Reassign");
+  const { t } = useTranslation('Reassign');
 
   const onClickBack = useCallback(() => {
     history.push(combineUrl(AppServerConfig.proxyURL, config.homepage));
@@ -36,12 +36,12 @@ const SectionHeaderContent = (props) => {
 
   return (
     <Wrapper>
-      <div style={{ width: "17px" }}>
+      <div style={{ width: '17px' }}>
         <IconButton
           iconName="/static/images/arrow.path.react.svg"
-          color="#A3A9AE"
+          // color="#A3A9AE"
           size="17"
-          hoverColor="#657077"
+          // hoverColor="#657077"
           isFill={true}
           onClick={onClickBack}
           className="arrow-button"
@@ -51,7 +51,7 @@ const SectionHeaderContent = (props) => {
         {/* {profile.displayName}
         {profile.isLDAP && ` (${t('Translations:LDAPLbl')})`}
         -  */}
-        {t("ReassignmentData")}
+        {t('ReassignmentData')}
       </Headline>
     </Wrapper>
   );