diff --git a/packages/ketcher-macromolecules/src/components/shared/MonomerWithIDTAliasesPreview/index.tsx b/packages/ketcher-macromolecules/src/components/shared/MonomerWithIDTAliasesPreview/index.tsx index 280eceea1c..fb678e6284 100644 --- a/packages/ketcher-macromolecules/src/components/shared/MonomerWithIDTAliasesPreview/index.tsx +++ b/packages/ketcher-macromolecules/src/components/shared/MonomerWithIDTAliasesPreview/index.tsx @@ -21,8 +21,11 @@ import { useMemo } from 'react'; import { selectShowPreview } from 'state/common'; import { preview as previewConstants } from '../../../constants'; import { Container, MonomerName, StyledStructRender } from './styles'; +import { MonomerWithIDTAliasesPreviewProps } from './types'; -const MonomerWithIDTAliasesPreview = () => { +const MonomerWithIDTAliasesPreview = ({ + className, +}: MonomerWithIDTAliasesPreviewProps) => { const preview = useAppSelector(selectShowPreview); const ContainerDynamic = useMemo( () => styled(Container)` @@ -39,7 +42,10 @@ const MonomerWithIDTAliasesPreview = () => { return ( preview.monomer && ( - + {preview.monomer.struct.name} {idtAliases && } diff --git a/packages/ketcher-macromolecules/src/components/shared/MonomerWithIDTAliasesPreview/types.ts b/packages/ketcher-macromolecules/src/components/shared/MonomerWithIDTAliasesPreview/types.ts new file mode 100644 index 0000000000..c523d7eb48 --- /dev/null +++ b/packages/ketcher-macromolecules/src/components/shared/MonomerWithIDTAliasesPreview/types.ts @@ -0,0 +1,19 @@ +/**************************************************************************** + * Copyright 2021 EPAM Systems + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + ***************************************************************************/ + +export interface MonomerWithIDTAliasesPreviewProps { + readonly className: string; +} diff --git a/packages/ketcher-macromolecules/src/components/shared/Preview/index.tsx b/packages/ketcher-macromolecules/src/components/shared/Preview/index.tsx index 70692a411c..139d4d17d7 100644 --- a/packages/ketcher-macromolecules/src/components/shared/Preview/index.tsx +++ b/packages/ketcher-macromolecules/src/components/shared/Preview/index.tsx @@ -35,7 +35,7 @@ export const Preview = () => { ]); const monomerClass = preview?.monomer?.props.MonomerClass; if (ketMonomerWithIDTAliasesClassSet.has(monomerClass)) { - return ; + return ; } return ;