fix: backgroundImage을 styled-components에서만 사용하도록 리팩토링

prgrms-web-devcourse-final-project · Dec 9, 2024 · ce143e7 · ce143e7
1 parent bfd11ea
commit ce143e7
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/components/Common/RoomButton/RoomButton.styles.ts b/components/Common/RoomButton/RoomButton.styles.ts
@@ -1,11 +1,11 @@
 import styled from 'styled-components';
 // import CardBackground from '@/styles/Icon/CardBackGround.png';
 
-export const RoomButtonWrapper = styled.div<{ backgroundImage: string }>`
+export const RoomButtonWrapper = styled.div<{ $backgroundImage: string }>`
   width: 163px;
   height: 139px;
   border-radius: 12px;
-  background-image: url(${(props) => props.backgroundImage});
+  background-image: url(${(props) => props.$backgroundImage});
 `;
 
 export const RoomButtonLayout = styled.div`

diff --git a/components/Common/RoomButton/RoomButton.tsx b/components/Common/RoomButton/RoomButton.tsx
@@ -32,7 +32,7 @@ const RoomButton = ({
     artboards[Math.floor(Math.random() * artboards.length)];
 
   return (
-    <RoomButtonWrapper backgroundImage={randomArtboard.src}>
+    <RoomButtonWrapper $backgroundImage={randomArtboard.src}>
       <RoomButtonLayout>
         <RoomTitle>{title}</RoomTitle>
         <RoomPerson>