Remove redundan styled component

kafbat · Mar 6, 2024 · 8ce0ce2 · 8ce0ce2
1 parent d6cd1b0
commit 8ce0ce2
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 8 deletions.
diff --git 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
diff --git 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>
   );
 };