added propTypes to TaskColumn

AleksArden · May 8, 2023 · 9c90248 · 9c90248
1 parent 2de4adb
commit 9c90248
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/components/ChoosedDay/TasksColumn/TasksColumn.jsx b/src/components/ChoosedDay/TasksColumn/TasksColumn.jsx
@@ -1,11 +1,13 @@
 import * as ReactDOM from 'react-dom';
 import { useState } from 'react';
+import PropTypes from 'prop-types';
 import { AddTaskBtn } from '../AddTaskBtn/AddTaskBtn';
 import { ColumnHeadBar } from './ColumnHeadBar/ColumnHeadBar';
 import { ColumnsTasksList } from './ColumnsTasksList/ColumnsTasksList';
-import { Container } from './TasksColumn.styled';
 import { TaskModal } from '../../TaskModal/TaskModal';
 
+import { Container } from './TasksColumn.styled';
+
 export const TasksColumn = ({ status }) => {
   const [showModal, setShowModal] = useState(false);
 
@@ -35,3 +37,6 @@ export const TasksColumn = ({ status }) => {
     </>
   );
 };
+TasksColumn.propTypes = {
+  status: PropTypes.object.isRequired,
+}
diff --git a/src/components/ChoosedDay/TasksColumn/TasksColumn.styled.jsx b/src/components/ChoosedDay/TasksColumn/TasksColumn.styled.jsx
@@ -4,9 +4,10 @@ export const Container = styled.li`
   display: flex;
   flex-direction: column;
   justify-content: space-between;
+  gap: 14px;
+
   max-height: 100%;
   padding: 20px;
-  gap: 14px;
 
   background: var(--primary-background-color);
   border: var(--border-calendar);