reorganize admin dash (#227)

* reorganize admin dash

* remove messages & ui stuff from admin

* separate analytics from admin

* update app_diff

* Update .env.vault.diff

opensaas-sh/app_diff/src/client/admin/components/UsersTable.tsx.diff

@@ -1,54 +0,0 @@
---- template/app/src/client/admin/components/UsersTable.tsx
-+++ opensaas-sh/app/src/client/admin/components/UsersTable.tsx
-@@ -11,6 +11,7 @@
-   const [email, setEmail] = useState<string | undefined>(undefined);
-   const [isAdminFilter, setIsAdminFilter] = useState<boolean | undefined>(undefined);
-   const [statusOptions, setStatusOptions] = useState<SubscriptionStatus[]>([]);
-+  const [isDemoInfoVisible, setIsDemoInfoVisible] = useState(false);
-   const { data, isLoading, error } = useQuery(getPaginatedUsers, {
-     skip,
-     emailContains: email,
-@@ -26,8 +27,43 @@
-     setskip((page - 1) * 10);
-   }, [page]);
- 
-+
-+  useEffect(() => {
-+    try {
-+      if (localStorage.getItem('isDemoInfoVisible') === 'false') {
-+        // do nothing
-+      } else {
-+        setIsDemoInfoVisible(true);
-+      }
-+    } catch (error) {
-+      console.error(error);
-+    }
-+  }, []);
-+
-+    const handleDemoInfoClose = () => {
-+      try {
-+        localStorage.setItem('isDemoInfoVisible', 'false');
-+        setIsDemoInfoVisible(false);
-+      } catch (error) {
-+        console.error(error);
-+      }
-+    };
-+
-   return (
-     <div className='flex flex-col gap-4'>
-+      {/* Floating Demo Announcement */}
-+      {isDemoInfoVisible && (
-+        <div className='fixed z-999 bottom-0 mb-2 left-1/2 -translate-x-1/2 lg:mb-4 bg-gray-700 rounded-full px-3.5 py-2 text-sm text-white duration-300 ease-in-out hover:bg-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-indigo-600'>
-+          <div className='px-4 flex flex-row gap-2 items-center my-1'>
-+            <span className='text-gray-100'>
-+              You are viewing mock user data only ;)
-+            </span>
-+            <button className=' pl-2.5 text-gray-400 text-xl font-bold' onClick={() => handleDemoInfoClose()}>
-+              X
-+            </button>
-+          </div>
-+        </div>
-+      )}
-       <div className='rounded-sm border border-stroke bg-white shadow-default dark:border-strokedark dark:bg-boxdark'>
-         <div className='flex-col flex items-start justify-between p-6 gap-3 w-full bg-gray-100/40 dark:bg-gray-700/50'>
-           <span className='text-sm font-medium'>Filters:</span>

opensaas-sh/app_diff/src/client/admin/pages/DashboardPage.tsx.diff

@@ -1,61 +0,0 @@
---- template/app/src/client/admin/pages/DashboardPage.tsx
-+++ opensaas-sh/app/src/client/admin/pages/DashboardPage.tsx
-@@ -1,5 +1,7 @@
- import { type User } from 'wasp/entities';
- import { useQuery, getDailyStats } from 'wasp/client/operations';
-+import { Link } from "wasp/client/router";
-+import { useState, useEffect } from 'react';
- import TotalSignupsCard from '../components/TotalSignupsCard';
- import TotalPageViewsCard from '../components/TotalPaidViewsCard';
- import TotalPayingUsersCard from '../components/TotalPayingUsersCard';
-@@ -10,6 +12,8 @@
- import { useHistory } from 'react-router-dom';
- 
- const Dashboard = ({ user }: { user: User }) => {
-+  const [isDemoInfoVisible, setIsDemoInfoVisible] = useState(false);
-+
-   const history = useHistory();
-   if (!user.isAdmin) {
-     history.push('/');
-@@ -17,8 +21,41 @@
- 
-   const { data: stats, isLoading, error } = useQuery(getDailyStats);
- 
-+
-+  useEffect(() => {
-+    try {
-+      if (localStorage.getItem('isStripeDemoInfoVisible') === 'false') {
-+        // do nothing
-+      } else {
-+        setIsDemoInfoVisible(true);
-+      }
-+    } catch (error) {
-+      console.error(error);
-+    }
-+  }, []);
-+
-+  const handleDemoInfoClose = () => {
-+    try {
-+      localStorage.setItem('isStripeDemoInfoVisible', 'false');
-+      setIsDemoInfoVisible(false);
-+    } catch (error) {
-+      console.error(error);
-+    }
-+  };
-+
-   return (
-     <DefaultLayout>
-+      {/* Floating Demo Announcement */}
-+      {isDemoInfoVisible && (
-+        <div className='fixed z-999 bottom-0 mb-2 left-1/2 -translate-x-1/2 lg:mb-4 bg-gray-700 rounded-full px-3.5 py-2 text-sm text-white duration-300 ease-in-out hover:bg-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-indigo-600'>
-+          <div className='px-4 flex flex-row gap-2 items-center my-1'>
-+            <span className='text-gray-100 text-center'>This is actual data from Stripe test purchases. <br/> Try out purchasing a <Link to='/pricing' className="underline text-yellow-400">test product</Link>!</span>
-+            <button className=' pl-2.5 text-gray-400 text-xl font-bold' onClick={() => handleDemoInfoClose()}>
-+              X
-+            </button>
-+          </div>
-+        </div>
-+      )}
-       <div className='grid grid-cols-1 gap-4 md:grid-cols-2 md:gap-6 xl:grid-cols-4 2xl:gap-7.5'>
-         <TotalPageViewsCard
-           totalPageViews={stats?.dailyStats.totalViews}

opensaas-sh/app_diff/src/client/landing-page/LandingPage.tsx.diff

@@ -24,7 +24,7 @@
  import { UserMenuItems } from '../../user/UserMenuItems';
 -import { DocsUrl } from '../../common';
 +import { DocsUrl, GithubUrl } from '../../common';
- import DarkModeSwitcher from '../admin/components/DarkModeSwitcher';
+ import DarkModeSwitcher from '../components/DarkModeSwitcher';
  
  export default function LandingPage() {
    const [mobileMenuOpen, setMobileMenuOpen] = useState(false);