Software-Mac/spacedrive
Software-Mac/spacedrive
1
0
Fork 0
mirror of https://github.com/spacedriveapp/spacedrive synced 2024-07-02 10:03:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

Remove: video intro (#2240)

Browse source 
Update Layout.tsx
This commit is contained in:
ameer2468 2024-03-24 15:57:08 +03:00 committed by GitHub
parent ff4d0cc519
commit 5c3f15932b
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 5 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
interface/app/onboarding/Layout.tsx
View file

@ -1,12 +1,8 @@
import { BloomOne } from '@sd/assets/images';
import { SdIntro } from '@sd/assets/videos';
import clsx from 'clsx';
import { AnimatePresence, motion } from 'framer-motion';
import { useState } from 'react';
import { Navigate, Outlet } from 'react-router';
import { useDebugState } from '@sd/client';
import DragRegion from '~/components/DragRegion';
import { useWindowSize } from '~/hooks';
import { useOperatingSystem } from '~/hooks/useOperatingSystem';
import DebugPopover from '../$libraryId/Layout/Sidebar/DebugPopover';
@ -18,8 +14,8 @@ export const Component = () => {
const os = useOperatingSystem(false);
const debugState = useDebugState();
// FIX-ME: Intro video breaks onboarding for the web and Linux versions
const [showIntro, setShowIntro] = useState(os === 'macOS' || os === 'windows');
const windowSize = useWindowSize();
// const [showIntro, setShowIntro] = useState(os === 'macOS' || os === 'windows');
// const windowSize = useWindowSize();
const ctx = useContextValue();
@ -34,16 +30,15 @@ export const Component = () => {
'flex h-screen flex-col bg-sidebar text-ink'
)}
>
<AnimatePresence>
{/* <AnimatePresence>
{showIntro && (
<motion.div
initial={{ opacity: 1 }}
animate={{ opacity: 1 }}
transition={{ duration: 0.5 }}
exit={{ opacity: 0 }}
className="absolute left-0 top-0 z-50 flex h-screen w-screen items-center justify-center"
className="absolute top-0 left-0 z-50 flex items-center justify-center w-screen h-screen"
>
{/*This makes sure on initial render a BG is visible before video loads*/}
<svg
width="100%"
height="100%"
@ -66,7 +61,7 @@ export const Component = () => {
/>
</motion.div>
)}
</AnimatePresence>
</AnimatePresence> */}
<DragRegion className="z-50 h-9" />
<div className="-mt-5 flex grow flex-col gap-8 p-10">
<div className="flex grow flex-col items-center justify-center">