UI improvements: dynamic event text, remove camera indicator, fontawesome footer icons

This commit is contained in:
2026-06-12 23:49:57 +02:00
parent dd0876d977
commit b8969415f4
6 changed files with 19 additions and 14 deletions
+2 -2
View File
@@ -72,7 +72,7 @@ export default function App() {
const handleSaveEventName = async () => { const handleSaveEventName = async () => {
if (!settings) return; if (!settings) return;
const newName = tempEventName.trim() || 'Event'; const newName = tempEventName.trim() || 'Schnappix-Party';
const updated = { ...settings, eventText: newName }; const updated = { ...settings, eventText: newName };
await saveSettings(updated); await saveSettings(updated);
setSettings(updated); setSettings(updated);
@@ -233,7 +233,7 @@ export default function App() {
</Text> </Text>
<TextInput <TextInput
style={styles.modalInput} style={styles.modalInput}
placeholder="z.B. Jannik's Party" placeholder="Schnappix-Party"
placeholderTextColor="#666" placeholderTextColor="#666"
value={tempEventName} value={tempEventName}
onChangeText={setTempEventName} onChangeText={setTempEventName}
Binary file not shown.
Binary file not shown.
+1 -1
View File
@@ -358,7 +358,7 @@ export default function AdminScreen({ currentSettings, onSave, onClose }: AdminS
<Text style={styles.label}>Subtext (Footer)</Text> <Text style={styles.label}>Subtext (Footer)</Text>
<TextInput <TextInput
style={styles.input} style={styles.input}
placeholder="👆 Display tippen! • 😊 Lächeln! • 📸 Foto schnappen!" placeholder="Display tippen! • Lächeln! • Foto schnappen!"
placeholderTextColor={THEME.colors.textMuted} placeholderTextColor={THEME.colors.textMuted}
value={footerText} value={footerText}
onChangeText={setFooterText} onChangeText={setFooterText}
+12 -7
View File
@@ -32,6 +32,8 @@ import {
faCameraRetro, faCameraRetro,
faCamera, faCamera,
faXmark, faXmark,
faHandPointer,
faFaceSmile,
} from '@fortawesome/free-solid-svg-icons'; } from '@fortawesome/free-solid-svg-icons';
import { THEME } from '../styles/theme'; import { THEME } from '../styles/theme';
import { UsbCameraView, UsbCameraRef } from '../../modules/usb-camera'; import { UsbCameraView, UsbCameraRef } from '../../modules/usb-camera';
@@ -534,7 +536,15 @@ export default function CameraScreen({
adjustsFontSizeToFit adjustsFontSizeToFit
numberOfLines={1} numberOfLines={1}
> >
{footerText} {footerText === 'Display tippen! • Lächeln! • Foto schnappen!' ? (
<Text>
<FontAwesomeIcon icon={faHandPointer} color={THEME.colors.text} size={32}/> Display tippen!
<FontAwesomeIcon icon={faFaceSmile} color={THEME.colors.text} size={32}/> Lächeln!
<FontAwesomeIcon icon={faCamera} color={THEME.colors.text} size={32}/> Foto schnappen!
</Text>
) : (
footerText
)}
</Text> </Text>
</View> </View>
@@ -607,12 +617,7 @@ export default function CameraScreen({
</View> </View>
)} )}
{/* Source indicator */} {/* Source indicator removed per request */}
<View style={styles.hudContainer}>
<Text style={styles.cameraSourceIndicator}>
Kamera: {isUsbConnected ? 'Externe USB-Kamera' : 'Tablet-Frontkamera (Fallback)'}
</Text>
</View>
{/* Burst progress indicator */} {/* Burst progress indicator */}
{(burstCount || 1) > 1 && ( {(burstCount || 1) > 1 && (
+2 -2
View File
@@ -43,11 +43,11 @@ const DEFAULT_SETTINGS: AppSettings = {
availableFrameIds: FRAMES.map(f => f.id), availableFrameIds: FRAMES.map(f => f.id),
dateOverlay: 'off', dateOverlay: 'off',
dateOverlayTransform: { x: 0, y: 0, rotation: 0, scale: 1 }, dateOverlayTransform: { x: 0, y: 0, rotation: 0, scale: 1 },
eventText: 'Schnappix-Party', eventText: '',
burstCount: 1, burstCount: 1,
burstIntervalSec: 5, burstIntervalSec: 5,
welcomeText: 'Zeit für ein Erinnerungsfoto!', welcomeText: 'Zeit für ein Erinnerungsfoto!',
footerText: '👆 Display tippen! • 😊 Lächeln! • 📸 Foto schnappen!', footerText: 'Display tippen! • Lächeln! • Foto schnappen!',
useFrontCamera: false, useFrontCamera: false,
enableLogs: true, enableLogs: true,
}; };