wra Animated.View in TO

ramizackaryshamir · Sep 24, 2024 · e130676 · e130676
1 parent 590ec99
commit e130676
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 15 deletions.
diff --git a/src/components/Alarm.tsx b/src/components/Alarm.tsx
@@ -56,24 +56,26 @@ const Alarm = ({
           <Text>Delete</Text>
         </TouchableOpacity>
       )}
-      <Animated.View {...panResponder.panHandlers} style={[pan.getLayout()]}>
-        <View style={styles.alarmContainer}>
-          <View style={styles.alarmContainerLeft}>
-            <View style={styles.alarmContainerLeftTop}>
-              <Text style={styles.alarmTextLeftTop}>{alarmWeekday}</Text>
-              <Text style={styles.alarmTextLeftTop}>{alarmDate}</Text>
+      <TouchableOpacity onPress={() => console.log('Pressed')}>
+        <Animated.View {...panResponder.panHandlers} style={[pan.getLayout()]}>
+          <View style={styles.alarmContainer}>
+            <View style={styles.alarmContainerLeft}>
+              <View style={styles.alarmContainerLeftTop}>
+                <Text style={styles.alarmTextLeftTop}>{alarmWeekday}</Text>
+                <Text style={styles.alarmTextLeftTop}>{alarmDate}</Text>
+              </View>
+              <View style={styles.alarmContainerLeftBottom}>
+                <Text style={styles.alarmTextLeftBottom}>{alarmName}</Text>
+                <Text style={styles.alarmTextLeftBottom}>{alarmRepeat}</Text>
+              </View>
             </View>
-            <View style={styles.alarmContainerLeftBottom}>
-              <Text style={styles.alarmTextLeftBottom}>{alarmName}</Text>
-              <Text style={styles.alarmTextLeftBottom}>{alarmRepeat}</Text>
+            <View style={styles.alarmContainerRight}>
+              <Text style={styles.alarmTextRight}>{alarmTime}</Text>
+              <Switch onValueChange={onToggle} value={alarmIsEnabled} />
             </View>
           </View>
-          <View style={styles.alarmContainerRight}>
-            <Text style={styles.alarmTextRight}>{alarmTime}</Text>
-            <Switch onValueChange={onToggle} value={alarmIsEnabled} />
-          </View>
-        </View>
-      </Animated.View>
+        </Animated.View>
+      </TouchableOpacity>
     </View>
   );
 };

diff --git a/src/components/hooks/useStyles.ts b/src/components/hooks/useStyles.ts
@@ -6,6 +6,7 @@ export const useStyles = () => {
   const styles = StyleSheet.create({
     container: {
       flexDirection: 'row',
+      width: '100%',
     },
     alarmContainer: {
       flexDirection: 'row',