sdp-tech#77 feat: add lookbook list profile

src/components/Lookbook/ProfileInfo.tsx

@@ -0,0 +1,27 @@
+import { StyleSheet, View } from 'react-native';
+import AvatarIcon from '../../assets/lookbook/Avatar.svg';
+import { Body14M } from '../../styles/GlobalText';
+
+interface ProfileProps {
+  name: string;
+  image: undefined;
+}
+
+const ProfileInfo = ({ name, image }: ProfileProps) => {
+  return (
+    <View style={Styles.container}>
+      {image ? <></> : <AvatarIcon />}
+      <Body14M>{name}</Body14M>
+    </View>
+  );
+};
+
+const Styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    gap: 8,
+    alignSelf: 'flex-start',
+  },
+});
+
+export default ProfileInfo;

src/pages/ComponentsTest.tsx

@@ -8,6 +8,7 @@ import TextToggle from '../common/TextToggle';
 import Toggle from '../common/Toggle';
 import ListItem from '../components/Lookbook/ListItem';
 import LookbookList from '../components/Lookbook/LookbookList';
+import ProfileInfo from '../components/Lookbook/ProfileInfo';
 
 const TestDropdown = ({ index }: { index: number }) => {
   const [value, setValue] = useState<string | undefined>(undefined);
@@ -40,6 +41,13 @@ export default function ComponentsTest() {
           <LookbookAddButton onPress={() => {}} />
           <TestToggle />
           <LookbookList />
+          <View
+            style={{
+              width: '100%',
+              flexDirection: 'row',
+            }}>
+            <ProfileInfo name="업씨러01" image={undefined} />
+          </View>
         </View>
       </View>
     </SafeAreaView>