From bd1f11b0d91846d4ceed8d573d1d9e3052f7c008 Mon Sep 17 00:00:00 2001
From: ameer2468 <33054370+ameer2468@users.noreply.github.com>
Date: Thu, 15 Feb 2024 00:04:34 +0300
Subject: [PATCH] remove intro video (#2097)

* all tags screen, visual improvements, and bug fix

* More sync support for file paths + saved searches (#2067)

more sync support for file paths + saved searches

* windows video intro fix

* remove video intro

* back for mob

---------

Co-authored-by: Brendan Allan <brendonovich@outlook.com>
---
 interface/app/onboarding/Layout.tsx | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

diff --git a/interface/app/onboarding/Layout.tsx b/interface/app/onboarding/Layout.tsx
index 2718bbc4513a..4950d263b0bf 100644
--- a/interface/app/onboarding/Layout.tsx
+++ b/interface/app/onboarding/Layout.tsx
@@ -1,7 +1,5 @@
 import { BloomOne } from '@sd/assets/images';
-import { sdintro } from '@sd/assets/videos';
 import clsx from 'clsx';
-import { useState } from 'react';
 import { Navigate, Outlet } from 'react-router';
 import { useDebugState } from '@sd/client';
 import DragRegion from '~/components/DragRegion';
@@ -16,7 +14,7 @@ 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 [showIntro, setShowIntro] = useState(os === 'macOS' || os === 'windows');
 	const ctx = useContextValue();
 
 	if (ctx.libraries.isLoading) return null;
@@ -30,8 +28,8 @@ export const Component = () => {
 					'flex h-screen flex-col bg-sidebar text-ink'
 				)}
 			>
-				{showIntro && (
-					<div className="absolute left-0 top-0 z-50 flex h-screen w-screen items-center justify-center bg-[#1F212C]">
+				{/* {showIntro && (
+					<div className="absolute left-0 top-0 z-50 flex h-screen w-screen items-center justify-center bg-[#1B1D25]">
 						<video
 							width={700}
 							className="mx-auto"
@@ -44,21 +42,21 @@ export const Component = () => {
 							src={sdintro}
 						/>
 					</div>
-				)}
+				)} */}
 				<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">
+				<div className="flex flex-col gap-8 p-10 -mt-5 grow">
+					<div className="flex flex-col items-center justify-center grow">
 						<Outlet />
 					</div>
 					<Progress />
 				</div>
 				<div className="flex justify-center p-4">
-					<p className="text-xs text-ink-dull opacity-50">
+					<p className="text-xs opacity-50 text-ink-dull">
 						&copy; {new Date().getFullYear()} Spacedrive Technology Inc.
 					</p>
 				</div>
 				<div className="absolute -z-10">
-					<div className="relative h-screen w-screen">
+					<div className="relative w-screen h-screen">
 						<img src={BloomOne} className="absolute h-[2000px] w-[2000px]" />
 						{/* <img src={BloomThree} className="absolute w-[2000px] h-[2000px] -right-[200px]" /> */}
 					</div>