fix for back button and remove interest suggestions

Author: Ema

src/components/OrbitSystem.tsx

@@ -1,4 +1,5 @@
 import { useState, useEffect } from 'react';
+import { useNavigate } from 'react-router';
 import { Heart } from 'lucide-react';
 import { mockAliens } from '../data/mockAliens';
 import type { AlienProfile } from '../data/mockAliens';
@@ -12,6 +13,7 @@ import { getScientificWarnings } from '../utils/scienceWarnings';
 export default function OrbitSystem() {
 
   const { preferences, addMatch, matches } = useAppContext();
+  const navigate = useNavigate();
   const triggerRocketNav = useRocketNav();
   const [selectedAlien, setSelectedAlien] = useState<AlienProfile | null>(null);
   const [dismissedIds, setDismissedIds] = useState<Set<string>>(new Set());
@@ -330,7 +332,13 @@ export default function OrbitSystem() {
                 <button
                   onClick={() => { window.location.href = '/preferences'; }}
                   className="btn-outline"
-                  style={{ marginTop: '8px', padding: '12px 40px', fontSize: '1rem', fontWeight: 'bold', cursor: 'pointer' }}
+                  style={{ 
+                    marginTop: '8px', 
+                    padding: '12px 40px', 
+                    fontSize: '1rem', 
+                    fontWeight: 'bold', 
+                    cursor: 'pointer'
+                  }}
                 >
                   Back
                 </button>

src/context/AppContext.tsx

@@ -1,4 +1,4 @@
-import { createContext, useState, useContext } from 'react';
+import { createContext, useState, useContext, useEffect } from 'react';
 import type { ReactNode } from 'react';
 import type { AlienProfile } from '../data/mockAliens';
 
@@ -27,8 +27,24 @@ interface AppContextType {
 export const AppContext = createContext<AppContextType | undefined>(undefined);
 
 export const AppProvider = ({ children }: { children: ReactNode }) => {
-  const [preferences, setPreferencesState] = useState<UserPreferences | null>(null);
-  const [matches, setMatches] = useState<AlienProfile[]>([]);
+  const [preferences, setPreferencesState] = useState<UserPreferences | null>(() => {
+    const saved = localStorage.getItem('aligned_preferences');
+    return saved ? JSON.parse(saved) : null;
+  });
+  const [matches, setMatches] = useState<AlienProfile[]>(() => {
+    const saved = localStorage.getItem('aligned_matches');
+    return saved ? JSON.parse(saved) : [];
+  });
+
+  useEffect(() => {
+    if (preferences) {
+      localStorage.setItem('aligned_preferences', JSON.stringify(preferences));
+    }
+  }, [preferences]);
+
+  useEffect(() => {
+    localStorage.setItem('aligned_matches', JSON.stringify(matches));
+  }, [matches]);
 
   const setPreferences = (prefs: UserPreferences) => {
     setPreferencesState(prefs);

src/pages/Signup.tsx

@@ -27,7 +27,7 @@ export default function Signup() {
     goals: preferences?.goals || 'Long term fusion',
   });
   const [interestInput, setInterestInput] = useState('');
-  const interestSuggestions = ['Stargazing', 'Volcano Diving', 'Heavy Metal (Literally)', 'Asteroid Mining'];
+  const interestSuggestions: any[] = [];
 
   const handleSubmit = (e: React.FormEvent) => {
     e.preventDefault();