feat: rename and structure files

graasp · Jul 4, 2024 · fc49fba · fc49fba
1 parent 305214e
commit fc49fba
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/src/modules/common/DraggableFrameWithLabels.tsx b/src/modules/common/DraggableFrameWithLabels.tsx
@@ -5,7 +5,7 @@ import { Box } from '@mui/material';
 
 import { DraggableLabelType } from '@/@types';
 
-import DraggableLabel from './DraggableLabel';
+import DroppableDraggableLabel from './DroppableDraggableLabel';
 import ImageFrame from './ImageFrame';
 
 type Props = {
@@ -21,7 +21,7 @@ const DraggableFrameWithLabels = ({
 }: Props): JSX.Element => {
   const renderDraggableLabels = (): JSX.Element | JSX.Element[] => {
     const Labels = labels.map((label) => (
-      <DraggableLabel label={label} key={label.ind} />
+      <DroppableDraggableLabel label={label} key={label.ind} />
     ));
 
     return Labels;

diff --git a/src/modules/common/DraggableLabel.tsx → ...odules/common/DroppableDraggableLabel.tsx b/src/modules/common/DraggableLabel.tsx → ...odules/common/DroppableDraggableLabel.tsx
@@ -62,7 +62,7 @@ type Props = {
   draggingOverItem?: boolean;
 };
 
-const DraggableLabel = ({ label }: Props): JSX.Element => (
+const DroppableDraggableLabel = ({ label }: Props): JSX.Element => (
   <Droppable droppableId={`${label.ind}`}>
     {(provided, dropSnapshot) => (
       <Container
@@ -103,4 +103,4 @@ const DraggableLabel = ({ label }: Props): JSX.Element => (
   </Droppable>
 );
 
-export default DraggableLabel;
+export default DroppableDraggableLabel;
diff --git a/src/modules/common/PlayerFrame.tsx b/src/modules/common/PlayerFrame.tsx
@@ -14,7 +14,7 @@ import { APP } from '@/langs/constants';
 import { move, reorder } from '@/utils/dnd';
 
 import DraggableFrameWithLabels from './DraggableFrameWithLabels';
-import DraggableLabel from './DraggableLabel';
+import DroppableDraggableLabel from './DroppableDraggableLabel';
 
 const PlayerFrame = (): JSX.Element => {
   const { t } = useAppTranslation();
@@ -126,7 +126,7 @@ const PlayerFrame = (): JSX.Element => {
             }}
           >
             {labels.slice(0, 1).map((label) => (
-              <DraggableLabel label={label} key={label.ind} />
+              <DroppableDraggableLabel label={label} key={label.ind} />
             ))}
           </Box>
           <DraggableFrameWithLabels