plasma-website: Color palette [hotfix] (#1304)

salute-developers · Jul 17, 2024 · 84ee5d3 · 84ee5d3
2 parents a635403 + 7e15fd7
commit 84ee5d3
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/website/plasma-website/components/palette/PaletteColorPage.tsx b/website/plasma-website/components/palette/PaletteColorPage.tsx
@@ -5,6 +5,7 @@ import type { ShowToastArgs } from '@salutejs/plasma-b2c';
 import { IconCopyOutline } from '@salutejs/plasma-icons';
 import { ContrastRatioChecker } from 'contrast-ratio-checker';
 import { useRouter } from 'next/router';
+import _ from 'lodash';
 
 import { convertHexToRgb, paletteColors, checkColor } from '../../utils';
 
@@ -212,7 +213,7 @@ export const PaletteColorPage: React.FC<{
 
     const paletteColor = paletteColors[color];
     const selectedColor = paletteColor[colorCode];
-    const colorCodes = Object.keys(paletteColor).reverse();
+    const colorCodes = Object.keys(_.omit(paletteColor, '50')).reverse();
 
     const rgb = convertHexToRgb(selectedColor);
     const colorIndex = colorCodes.findIndex((code) => paletteColor[code] === selectedColor);
@@ -225,7 +226,7 @@ export const PaletteColorPage: React.FC<{
 
     return (
         <ColorWrapper background={selectedColor}>
-            <Header text={`${color} ${colorCode}`} link="/palette" />
+            <Header text={`${color} ${colorCode}`} link="/palette/" />
             <ColorPalette>
                 {colorCodes.map((code) => (
                     <ColorItem

diff --git a/website/plasma-website/components/palette/PaletteItem.tsx b/website/plasma-website/components/palette/PaletteItem.tsx
@@ -72,6 +72,7 @@ const StyledColorItem = styled.div<{ colors: colorItemType['colors'] }>`
 
 const StyledMask = styled.div`
     display: flex;
+    flex-direction: row-reverse;
     width: 100%;
     height: 100%;
     flex: 1;
@@ -181,7 +182,7 @@ export const PaletteItem: React.FC<{
                         <StyledNameColor
                             className={classes.nameColor}
                             color={
-                                paletteColor.colors[paletteColor.colors.length - 1 - index].ratio > 3.5
+                                paletteColor.colors[index].ratio > 3.5
                                     ? 'rgba(255, 255, 255, 0.56)'
                                     : 'rgba(0, 0, 0, 0.56)'
                             }