mirror of
https://github.com/tinyhumansai/openhuman.git
synced 2026-07-27 21:08:00 +00:00
refactor: update Welcome and Onboarding components for improved structure and clarity
- Made the `isWeb` prop optional in the Welcome component for better flexibility. - Simplified the Welcome page layout by consolidating the header into a single line. - Removed unused Lottie animation references from the Onboarding component to streamline the code.
This commit is contained in:
@@ -3,7 +3,7 @@ import { useNavigate } from 'react-router-dom';
|
||||
import RotatingTetrahedronCanvas from '../components/RotatingTetrahedronCanvas';
|
||||
|
||||
interface WelcomeProps {
|
||||
isWeb: boolean;
|
||||
isWeb?: boolean;
|
||||
}
|
||||
|
||||
const Welcome = ({ isWeb }: WelcomeProps) => {
|
||||
@@ -16,9 +16,7 @@ const Welcome = ({ isWeb }: WelcomeProps) => {
|
||||
<RotatingTetrahedronCanvas />
|
||||
</div>
|
||||
|
||||
<h1 className="text-4xl font-semibold tracking-tight text-white md:text-6xl">
|
||||
OpenHuman
|
||||
</h1>
|
||||
<h1 className="text-4xl font-semibold tracking-tight text-white md:text-6xl">OpenHuman</h1>
|
||||
|
||||
<p className="max-w-xl text-sm opacity-70 md:text-base">
|
||||
Your AI superhuman for personal and business life.
|
||||
|
||||
@@ -1,7 +1,6 @@
|
||||
import { useState } from 'react';
|
||||
import { useNavigate } from 'react-router-dom';
|
||||
|
||||
import LottieAnimation from '../../components/LottieAnimation';
|
||||
import ProgressIndicator from '../../components/ProgressIndicator';
|
||||
import { userApi } from '../../services/api/userApi';
|
||||
import { setOnboardedForUser } from '../../store/authSlice';
|
||||
@@ -17,13 +16,6 @@ const Onboarding = () => {
|
||||
const [currentStep, setCurrentStep] = useState(0);
|
||||
const totalSteps = 3;
|
||||
|
||||
// Lottie animation files for each step
|
||||
const stepAnimations = [
|
||||
'/lottie/wave.json', // Step 1 - Features
|
||||
'/lottie/safe3.json', // Step 2 - Privacy
|
||||
'/lottie/trophy.json', // Step 3 - Get Started
|
||||
];
|
||||
|
||||
const handleNext = () => {
|
||||
if (currentStep < totalSteps) {
|
||||
setCurrentStep(currentStep + 1);
|
||||
|
||||
Reference in New Issue
Block a user