🥇🌱 ↝ Updated generator, new fields in db from https://elianna.notion.…

…site/Reputation-Generator-parameters-for-anomalies-data-points-73f334d3ab0b40ce900ee15e121006cf && Signal-K/sytizen#29

components/NavigationCard.tsx

@@ -36,7 +36,7 @@ export default function NavigationCard(){
           </svg>
           <span className="hidden md:block">Saved posts</span>
         </Link>
-        <Link href="/posts/notifications" className={pathname === '/notifications' ? activeElementClasses : nonActiveElementClasses}>
+        <Link href="/planets/cebdc7a2-d8af-45b3-b37f-80f328ff54d6" className={pathname === '/notifications' ? activeElementClasses : nonActiveElementClasses}> {/* For testing -> final should be /posts/notifications */}
           <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" className="w-6 h-6">
             <path strokeLinecap="round" strokeLinejoin="round" d="M14.857 17.082a23.848 23.848 0 005.454-1.31A8.967 8.967 0 0118 9.75v-.7V9A6 6 0 006 9v.75a8.967 8.967 0 01-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 01-5.714 0m5.714 0a3 3 0 11-5.714 0" />
           </svg>

components/Planets/PlanetCard.tsx

@@ -17,7 +17,7 @@ export function PlanetCard ({ activeTab, planetId }) {
             )};
             {activeTab === 'data' && (
                 <div><Card noPadding={false}>
-                    {/*<PlanetEditor />*/}
+                    <PlanetEditor />
                     <PlanetEditorFromData
                         // temperature = planet?.temperature
                     /> {/* Put inside pages/planets/planet.tsx underneath the tabs to see in action temporarily */}

package.json

@@ -28,6 +28,7 @@
     "@types/react-dom": "^18.0.10",
     "alea": "^1.0.1",
     "autoprefixer": "^10.4.13",
+    "bootstrap": "^5.2.3",
     "eslint": "8.30.0",
     "eslint-config-next": "13.1.0",
     "ethers": "5.7.2",
@@ -41,7 +42,7 @@
     "rc-slider": "^10.1.1",
     "rc-tooltip": "^6.0.1",
     "react": "18.2.0",
-    "react-bootstrap": "^2.7.2",
+    "react-bootstrap": "1.0.0-beta.12",
     "react-clickout-handler": "^1.2.1",
     "react-color": "^2.19.3",
     "react-dom": "18.2.0",

pages/_app.tsx

@@ -5,7 +5,6 @@ import { AppProps } from 'next/app';
 // Styling imports
 import '../styles/globals.css';
 import { ChakraProvider } from '@chakra-ui/react';
-import { NextUIProvider } from '@nextui-org/react';
 
 // Offchain/Postgres Session Provider
 import { createBrowserSupabaseClient } from '@supabase/auth-helpers-nextjs';
@@ -14,8 +13,14 @@ import { useRouter } from 'next/router';
 
 // On-Chain session provider
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'; // For Lens graphql queries
-// import { ChakraProvider } from '@chakra-ui/react'; -> We're replacing the chakra lens feed (for now) with <Card /> from `./components/`
 import { ChainId, ThirdwebProvider } from '@thirdweb-dev/react';
+// import { StateContextProvider } from "../context/proposals";
+// import { MoralisProvider } from "react-moralis";
+
+// Anomaly/Generator Providers
+import 'bootstrap/dist/css/bootstrap.min.css';
+import 'rc-slider/assets/index.css';
+import 'rc-tooltip/assets/bootstrap.css';
 
 function MyApp({ Component, pageProps }) {
   const router = useRouter();

pages/planets/planet.tsx

@@ -7,7 +7,6 @@ import { useSupabaseClient } from "@supabase/auth-helpers-react";
 import PlanetCoverImage from "../../components/Planets/Cover";
 import PlanetAvatar from "../../components/Planets/PlanetAvatar";
 import PlanetTabs from "../../components/Planets/PlanetNavigation";
-import PlanetEditor, { PlanetEditorFromData } from "../generator/planet-editor";
 
 // import { Database } from "../../utils/database.types"; // Use this for later when we are drawing from the Planets table
 // type Planets = Database['public']['Tables']['planets']['Row'];