front: update preferences

Author: teddav

circuit/src/location.nr

@@ -11,9 +11,4 @@ pub fn check_region(user1: User, user2: User) -> bool {
     is_match
 }
 
-global regions: [u8; 4] = [
-    001, // Africa
-    002, // Americas
-    003, // Asia
-    004, // Europe
-];
+global regions: [u8; 4] = [001, 002, 003, 004];

mpc-server/data/circuit.json

@@ -190,7 +190,7 @@
             "path": "std/array/mod.nr"
         },
         "61": {
-            "source": "use crate::structs::User;\n\npub fn check_region(user1: User, user2: User) -> bool {\n    assert(user1.region < regions.len() as u8);\n    let mut is_match: bool = true;\n\n    if user1.region != user2.region {\n        is_match = false;\n    }\n\n    is_match\n}\n\nglobal regions: [u8; 4] = [\n    001, // Africa\n    002, // Americas\n    003, // Asia\n    004, // Europe\n];\n",
+            "source": "use crate::structs::User;\n\npub fn check_region(user1: User, user2: User) -> bool {\n    assert(user1.region < regions.len() as u8);\n    let mut is_match: bool = true;\n\n    if user1.region != user2.region {\n        is_match = false;\n    }\n\n    is_match\n}\n\nglobal regions: [u8; 4] = [001, 002, 003, 004];\n",
             "path": "/app/src/location.nr"
         },
         "62": {

web-app/src/pages/Preferences.tsx

@@ -27,10 +27,10 @@ const INTERESTS = [
 ];
 
 const REGIONS = [
-  { id: 1, label: "Africa" },
+  { id: 1, label: "Europe" },
   { id: 2, label: "Americas" },
   { id: 3, label: "Asia" },
-  { id: 4, label: "Europe" },
+  { id: 4, label: "Africa" },
 ];
 
 export default function Preferences({ onSubmit }: PreferencesProps) {
@@ -43,7 +43,7 @@ export default function Preferences({ onSubmit }: PreferencesProps) {
     preferences: {
       age_min: 20,
       age_max: 80,
-      gender: 1,
+      gender: 2,
     },
   });
 

web-app/src/pages/index.tsx

@@ -10,7 +10,7 @@ const CIRCUIT_VERSION = 1;
 export default function Home() {
   const [view, setView] = useState<View>("preferences");
   const [preferences, setPreferences] = useState<UserPreferences | null>(null);
-  const [showPreferences, setShowPreferences] = useState(false);
+  const [showPreferences, setShowPreferences] = useState(true);
 
   useEffect(() => {
     const storedVersion = localStorage.getItem("co-match-circuit-version");
@@ -33,6 +33,7 @@ export default function Home() {
     if (savedPreferences && token) {
       setView("matches");
       setPreferences(JSON.parse(savedPreferences));
+      setShowPreferences(false);
     } else if (savedPreferences) {
       setView("shares");
       setPreferences(JSON.parse(savedPreferences));
@@ -52,7 +53,7 @@ export default function Home() {
   const renderContent = () => {
     switch (view) {
       case "preferences":
-        return <Preferences onSubmit={handlePreferencesSubmit} />;
+        return <></>;
       case "shares":
         return preferences ? <Shares preferences={preferences} getMatches={handleMatchesSubmit} /> : null;
       case "matches":
@@ -83,21 +84,23 @@ export default function Home() {
         </div>
 
         {view !== "preferences" && (
-          <button
-            onClick={() => setShowPreferences(!showPreferences)}
-            className="px-4 py-2 bg-purple-100 text-purple-700 rounded-md hover:bg-purple-200 transition-colors"
-          >
-            {showPreferences ? "Hide Preferences" : "View Preferences"}
-          </button>
+          <div className="flex justify-center my-8">
+            <button
+              onClick={() => setShowPreferences(!showPreferences)}
+              className="px-4 py-2 bg-purple-100 text-purple-700 rounded-md hover:bg-purple-200 transition-colors"
+            >
+              {showPreferences ? "Hide Preferences" : "View Preferences"}
+            </button>
+          </div>
         )}
+
         <div className="grid gap-8">
-          {showPreferences ? (
+          {showPreferences && (
             <div className="space-y-8">
               <Preferences onSubmit={handlePreferencesSubmit} />
             </div>
-          ) : (
-            renderContent()
           )}
+          {renderContent()}
         </div>
       </div>
     </div>