till/managarten
1
0
Fork 0
mirror of https://github.com/Memo-2023/mana-monorepo.git synced 2026-05-23 09:06:42 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

style: auto-format codebase with Prettier

Browse source 
Applied formatting to 1487+ files using pnpm format:write
  - TypeScript/JavaScript files
  - Svelte components
  - Astro pages
  - JSON configs
  - Markdown docs

  13 files still need manual review (Astro JSX comments)
This commit is contained in:
Wuesteon 2025-11-27 18:33:16 +01:00
parent 0241f5554c
commit d36b321d9d
3952 changed files with 661498 additions and 739751 deletions
Download patch file Download diff file Expand all files Collapse all files

107
apps/nutriphi/apps/mobile/components/camera/PhotoButton.tsx
View file

@ -1,75 +1,78 @@
import React from 'react';
import { TouchableOpacity, View, Text } from 'react-native';
import Animated, {
useSharedValue,
useAnimatedStyle,
withSpring,
interpolate,
useSharedValue,
useAnimatedStyle,
withSpring,
interpolate,
} from 'react-native-reanimated';
interface PhotoButtonProps {
onPress: () => void;
disabled?: boolean;
isCapturing?: boolean;
onPress: () => void;
disabled?: boolean;
isCapturing?: boolean;
}
const AnimatedTouchableOpacity = Animated.createAnimatedComponent(TouchableOpacity);
export const PhotoButton: React.FC<PhotoButtonProps> = ({
onPress,
disabled = false,
isCapturing = false,
onPress,
disabled = false,
isCapturing = false,
}) => {
const pressed = useSharedValue(false);
const pressed = useSharedValue(false);
const animatedStyle = useAnimatedStyle(() => {
const scale = interpolate(pressed.value ? 1 : 0, [0, 1], [1, 0.9]);
const animatedStyle = useAnimatedStyle(() => {
const scale = interpolate(pressed.value ? 1 : 0, [0, 1], [1, 0.9]);
return {
transform: [{ scale: withSpring(scale) }],
};
});
return {
transform: [{ scale: withSpring(scale) }],
};
});
const handlePressIn = () => {
if (!disabled) {
pressed.value = true;
}
};
const handlePressIn = () => {
if (!disabled) {
pressed.value = true;
}
};
const handlePressOut = () => {
pressed.value = false;
};
const handlePressOut = () => {
pressed.value = false;
};
return (
<AnimatedTouchableOpacity
onPress={onPress}
onPressIn={handlePressIn}
onPressOut={handlePressOut}
disabled={disabled || isCapturing}
activeOpacity={0.8}
style={animatedStyle}
className="items-center justify-center">
{/* Outer Ring */}
<View
className={`
return (
<AnimatedTouchableOpacity
onPress={onPress}
onPressIn={handlePressIn}
onPressOut={handlePressOut}
disabled={disabled || isCapturing}
activeOpacity={0.8}
style={animatedStyle}
className="items-center justify-center"
>
{/* Outer Ring */}
<View
className={`
h-20 w-20 items-center justify-center rounded-full border-4
${disabled || isCapturing ? 'border-gray-400' : 'border-white'}
`}>
{/* Inner Circle */}
<View
className={`
`}
>
{/* Inner Circle */}
<View
className={`
h-16 w-16 rounded-full
${disabled || isCapturing ? 'bg-gray-400' : 'bg-white'}
`}>
{isCapturing && (
<View className="h-full w-full items-center justify-center rounded-full bg-red-500">
<View className="h-8 w-8 rounded bg-white" />
</View>
)}
</View>
</View>
`}
>
{isCapturing && (
<View className="h-full w-full items-center justify-center rounded-full bg-red-500">
<View className="h-8 w-8 rounded bg-white" />
</View>
)}
</View>
</View>
{isCapturing && <Text className="mt-2 text-sm font-medium text-white">Capturing...</Text>}
</AnimatedTouchableOpacity>
);
{isCapturing && <Text className="mt-2 text-sm font-medium text-white">Capturing...</Text>}
</AnimatedTouchableOpacity>
);
};