🔥 Update code

src/components/JokeDetail.tsx

@@ -54,6 +54,7 @@ export default function JokeDetail(props: JokeItemProps) {
         </View>
     );
 }
+
 const styles = StyleSheet.create({
     image : {
         margin : 5,
@@ -150,67 +151,4 @@ const styles = StyleSheet.create({
         width : 120,
         alignItems : 'center'
     }
-})
+})
-//
-// const styles = StyleSheet.create({
-//     container: {
-//         marginHorizontal: "5%",
-//         display: "flex",
-//         marginBottom:7,
-//         marginTop:7,
-//         paddingVertical: 10,
-//         backgroundColor: indigoColor,
-//         justifyContent: 'space-between',
-//         borderRadius: 20,
-//         height: 500,
-//         borderColor: whiteColor,
-//         borderStyle: "solid",
-//         borderWidth: 1
-//     },
-//     row: {
-//         display: "flex",
-//         flexDirection:"row",
-//         alignSelf: "flex-end",
-//     },
-//     color: {
-//         flex: 0,
-//         backgroundColor: darksalmonColor,
-//         height: 150,
-//         width:15,
-//     },
-//     image: {
-//         width: '90%',
-//         alignSelf: "center",
-//         marginTop: 10,
-//         borderRadius: 5,
-//         // height: 500,
-//         backgroundColor: "red",
-//         flex: 1
-//     },
-//     columnContainer: {
-//         flexDirection: "column",
-//         marginLeft: 20,
-//         marginRight: 20,
-//         width: '60%',
-//         flex: 2,
-//         justifyContent: 'space-between',
-//     },
-//     text: {
-//         color:greyColor,
-//         paddingBottom: 7,
-//         paddingTop: 7,
-//         marginLeft: 19,
-//         fontSize: 16,
-//     },
-//     bottomContainer: {
-//         backgroundColor: whiteColor,
-//         paddingVertical: 5,
-//         paddingHorizontal: 10,
-//         margin: 10,
-//         marginLeft: 19,
-//         marginTop: 20,
-//         borderRadius: 20,
-//         width : 120,
-//         alignItems : 'center'
-//     }
-// });