#4380 - Feature (Preview): Use MonomerWithIDTAliasesPreview

epam · May 8, 2024 · 69220f4 · 69220f4
1 parent ca6d8f9
commit 69220f4
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/packages/ketcher-macromolecules/src/components/shared/Preview/index.tsx b/packages/ketcher-macromolecules/src/components/shared/Preview/index.tsx
@@ -13,7 +13,9 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
+import MonomerWithIDTAliasesPreview from 'components/shared/MonomerWithIDTAliasesPreview';
 import { useAppSelector } from 'hooks';
+import { KetMonomerClass } from 'ketcher-core';
 import { selectShowPreview } from 'state/common';
 import NucleotidePreview from '../NucleotidePreview';
 import MonomerPreview from '../MonomerPreview';
@@ -25,5 +27,16 @@ export const Preview = () => {
     return <NucleotidePreview />;
   }
 
+  const ketMonomerWithIDTAliasesClassSet = new Set<KetMonomerClass>([
+    KetMonomerClass.Base,
+    KetMonomerClass.CHEM,
+    KetMonomerClass.Phosphate,
+    KetMonomerClass.Sugar,
+  ]);
+  const monomerClass = preview?.monomer?.props.MonomerClass;
+  if (ketMonomerWithIDTAliasesClassSet.has(monomerClass)) {
+    return <MonomerWithIDTAliasesPreview className="polymer-library-preview" />;
+  }
+
   return <MonomerPreview className="polymer-library-preview" />;
 };