Revert "fix(plasma-core): add default uniqId for Spinner"

This reverts commit ff10511.
salute-developers · Sep 15, 2023 · 2fae022 · 2fae022
1 parent 547934c
commit 2fae022
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 18 deletions.
diff --git a/...nner/SpinnerBase.component-test.tsx/plasma-core Spinner -- many colors.snap.png b/...nner/SpinnerBase.component-test.tsx/plasma-core Spinner -- many colors.snap.png
diff --git a/packages/plasma-core/src/components/Spinner/Spinner.component-test.tsx b/packages/plasma-core/src/components/Spinner/Spinner.component-test.tsx
@@ -56,17 +56,4 @@ describe('plasma-core: Spinner', () => {
         );
         cy.matchImageSnapshot();
     });
-
-    it('many colors', () => {
-        mount(
-            <CypressTestDecorator>
-                <Spin size={32} color="green" />
-                <PadMe />
-                <Spin size={32} color="blue" />
-                <PadMe />
-                <Spin size={32} color="red" />
-            </CypressTestDecorator>,
-        );
-        cy.matchImageSnapshot();
-    });
 });
diff --git a/packages/plasma-core/src/components/Spinner/Spinner.tsx b/packages/plasma-core/src/components/Spinner/Spinner.tsx
@@ -2,7 +2,6 @@ import React from 'react';
 import styled, { keyframes, css } from 'styled-components';
 
 import { accent } from '../../tokens';
-import { useUniqId } from '../../hooks';
 
 import { SpinnerSvg } from './SpinnerSvg';
 
@@ -49,13 +48,11 @@ const sizeFormatting = (size: number | string, deviceScale = 1): string => {
  */
 export const Spinner: React.FC<SpinnerProps> = (props) => {
     const { id, size = 56, color = accent, deviceScale, ...rest } = props;
-    const uniqId = useUniqId();
-    const innerId = id || uniqId;
     const currentSize = sizeFormatting(size, deviceScale);
 
     return (
-        <StyledRoot id={innerId} $size={currentSize} {...rest}>
-            <SpinnerSvg id={innerId} width={size} height={size} color={color} />
+        <StyledRoot id={id} $size={currentSize} {...rest}>
+            <SpinnerSvg id={id} width={size} height={size} color={color} />
         </StyledRoot>
     );
 };