From 8ce0ce268a20f09af56f61fe303eff01b82c1df8 Mon Sep 17 00:00:00 2001
From: Pavel Makarichev <pavel.makarichev@almatech.dev>
Date: Wed, 6 Mar 2024 12:50:52 +0300
Subject: [PATCH] Remove redundan styled component

---
 frontend/src/components/ACLPage/List/__test__/List.spec.tsx  | 4 ++--
 .../src/components/common/Select/ControlledSelect.styled.ts  | 3 ---
 frontend/src/components/common/Select/ControlledSelect.tsx   | 5 ++---
 3 files changed, 4 insertions(+), 8 deletions(-)
 delete mode 100644 frontend/src/components/common/Select/ControlledSelect.styled.ts

diff --git a/frontend/src/components/ACLPage/List/__test__/List.spec.tsx b/frontend/src/components/ACLPage/List/__test__/List.spec.tsx
index e1b22e86f..88a5a9575 100644
--- a/frontend/src/components/ACLPage/List/__test__/List.spec.tsx
+++ b/frontend/src/components/ACLPage/List/__test__/List.spec.tsx
@@ -57,7 +57,7 @@ describe('ACLList Component', () => {
 
       it('header has button for create ACL', () => {
         renderComponent();
-        const button = screen.getByText('+ Create ACL');
+        const button = screen.getByText('Create ACL');
         expect(button).toBeInTheDocument();
       });
 
@@ -70,7 +70,7 @@ describe('ACLList Component', () => {
       describe('after acl button click', () => {
         it('form is in the document', async () => {
           renderComponent();
-          const button = screen.getByText('+ Create ACL');
+          const button = screen.getByText('Create ACL');
           await userEvent.click(button);
           const form = screen.queryByTestId('aclForm');
           expect(form).toBeInTheDocument();
diff --git a/frontend/src/components/common/Select/ControlledSelect.styled.ts b/frontend/src/components/common/Select/ControlledSelect.styled.ts
deleted file mode 100644
index dfb989090..000000000
--- a/frontend/src/components/common/Select/ControlledSelect.styled.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import styled from 'styled-components';
-
-export const StyledControlledSelect = styled.div``;
diff --git a/frontend/src/components/common/Select/ControlledSelect.tsx b/frontend/src/components/common/Select/ControlledSelect.tsx
index 2c5dea187..0621b49d0 100644
--- a/frontend/src/components/common/Select/ControlledSelect.tsx
+++ b/frontend/src/components/common/Select/ControlledSelect.tsx
@@ -5,7 +5,6 @@ import { InputLabel } from 'components/common/Input/InputLabel.styled';
 import { ErrorMessage } from '@hookform/error-message';
 
 import Select, { SelectOption } from './Select';
-import { StyledControlledSelect } from './ControlledSelect.styled';
 
 interface ControlledSelectProps {
   name: string;
@@ -28,7 +27,7 @@ const ControlledSelect: React.FC<ControlledSelectProps> = ({
   const id = React.useId();
 
   return (
-    <StyledControlledSelect>
+    <div>
       {label && <InputLabel htmlFor={id}>{label}</InputLabel>}
       <Controller
         name={name}
@@ -54,7 +53,7 @@ const ControlledSelect: React.FC<ControlledSelectProps> = ({
       <FormError>
         <ErrorMessage name={name} />
       </FormError>
-    </StyledControlledSelect>
+    </div>
   );
 };