Michael/Socialflow
1
0 Fork 0
mirror of https://github.com/R0m1k3/Socialflow.git synced 2026-10-22 14:38:11 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: optimize iPhone video quality and stabilization UI

Browse Source
This commit is contained in:
Michael committed 2026-01-23 17:56:39 +01:00
1 parent 027b0f7e73
commit 4954877c06
3 files changed
+78 -96
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

client/src/pages/mobile/new-reel.tsx
+21 -22
View File
@@ -253,13 +253,30 @@ export default function MobileNewReel() {
{/* VIDEO STEP */}
{currentStep === 'video' && (
<div className="space-y-4">
<Card className="bg-primary/5 border-primary/20">
<CardContent className="p-4 space-y-4">
<div className="flex items-center justify-between">
<div className="space-y-0.5">
<div className="text-sm font-medium flex items-center gap-2">
<Sparkles className="w-4 h-4 text-primary" /> Stabilisation & Qualité 1080p
</div>
<div className="text-xs text-muted-foreground">Application automatique après capture</div>
</div>
<Switch
checked={stabilize}
onCheckedChange={(checked) => setStabilize(!!checked)}
/>
</div>
</CardContent>
</Card>
<div {...getRootProps()} className={`border-2 border-dashed rounded-xl p-6 text-center ${isDragActive ? 'border-primary bg-primary/5' : 'border-muted'}`}>
<input {...getInputProps()} />
<input ref={cameraInputRef} type="file" accept="video/*" capture="environment" onChange={handleCameraCapture} className="hidden" />
<div className="flex gap-2 justify-center mb-6">
<Button onClick={handleCameraButtonClick} variant="outline" size="lg" className="h-12">
<Camera className="mr-2 h-5 w-5" /> {isIOS ? 'Filmer (Qualité Max)' : 'Capturer'}
<Camera className="mr-2 h-5 w-5" /> {isIOS ? 'Filmer (Haute Qualité)' : 'Capturer'}
</Button>
<Button onClick={open} variant="outline" size="lg" className="h-12">
<Upload className="mr-2 h-5 w-5" /> Galerie
@@ -297,27 +314,9 @@ export default function MobileNewReel() {
</div>
{selectedVideo && (
<div className="space-y-3">
<Card>
<CardContent className="p-4 space-y-4">
<div className="flex items-center justify-between">
<div className="space-y-0.5">
<div className="text-sm font-medium flex items-center gap-2">
<Sparkles className="w-4 h-4 text-primary" /> Stabilisation & Qualité 1080p
</div>
<div className="text-xs text-muted-foreground">Recommandé pour Facebook Reels</div>
</div>
<Switch
checked={stabilize}
onCheckedChange={(checked) => setStabilize(!!checked)}
/>
</div>
</CardContent>
</Card>
<Button className="w-full h-12 text-lg sticky bottom-4 shadow-xl" onClick={goNext}>
Suivant <ChevronRight className="ml-2 w-5 h-5" />
</Button>
</div>
<Button className="w-full h-12 text-lg sticky bottom-4 shadow-xl" onClick={goNext}>
Suivant <ChevronRight className="ml-2 w-5 h-5" />
</Button>
)}
</div>
)}