fix: alternating style background for sections

codetapacademy · Sep 4, 2019 · 3ecc368 · 3ecc368
1 parent 0d3070a
commit 3ecc368
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/component/section-list/section-list.component.jsx b/src/component/section-list/section-list.component.jsx
@@ -110,17 +110,17 @@ const SectionList = ({ data = [], handleUpdate, course = {} }) => {
                 return (
                   <Draggable key={section.id} draggableId={section.id} index={index}>
                     {(draggableProvided, draggableSnapshot) => (
-                      <div
+                      <StyledSectionItem
                         ref={draggableProvided.innerRef}
                         {...draggableProvided.draggableProps}
                         {...draggableProvided.dragHandleProps}
                       >
-                        <StyledSectionItem key={id}>
+                        <div key={id}>
                           <SectionItem {...sectionItemPropList} />
                           {id === showAddLectureId && <LecturePanel {...lecturePanelPropList} />}
                           {renderLectureList(lectureList, id)}
-                        </StyledSectionItem>
-                      </div>
+                        </div>
+                      </StyledSectionItem>
                     )}
                   </Draggable>
                 )