new detail page authentication

ai-agents/crowd-fund-analysis/cf_analysis_agent/.env.example

@@ -11,4 +11,4 @@ SERPER_API_KEY=
 LINKEDIN_EMAIL=
 LINKEDIN_PASSWORD=
 SECRET_KEY=anything
-ADMIN_CODES=
+ADMIN_CODES=Robin-123456, Dawood-234567

ai-agents/crowd-fund-analysis/cf_analysis_agent/app.py

@@ -219,10 +219,7 @@ def authenticate():
     code = data.get("code")
 
     if not code:
-        return jsonify({
-            "status": "error",
-            "message": "Code is required"
-        }), 400
+        return jsonify({"status": "error", "message": "Code is required"}), 400
 
     if code in ADMIN_CODES:
         hashed_key = generate_hashed_key(code)
@@ -232,10 +229,7 @@ def authenticate():
                     "key": hashed_key
                 }), 200
 
-    return jsonify({
-            "status": "error",
-            "message": "Invalid code"
-        }), 401
+    return jsonify({"status": "error", "message": "Invalid code"}), 401
 
 if __name__ == "__main__":
     app.run(host="0.0.0.0", port=5000, debug=True)

ai-agents/crowd-fund-analysis/cf_analysis_agent/utils/env_variables.py

@@ -12,4 +12,4 @@
 LINKEDIN_EMAIL = os.getenv("LINKEDIN_EMAIL")
 LINKEDIN_PASSWORD = os.getenv("LINKEDIN_PASSWORD")
 SECRET_KEY = os.getenv("SECRET_KEY")
-ADMIN_CODES = set(os.getenv("ADMIN_CODES", "").split(","))
+ADMIN_CODES = set(code.strip() for code in os.getenv("ADMIN_CODES", "").split(","))

insights-ui/src/components/auth/PrivateWrapper.tsx

@@ -0,0 +1,18 @@
+'use client';
+
+import { isAdmin } from '@/util/auth/isAdmin';
+import { ReactNode, useEffect, useState } from 'react';
+
+interface ClientOnlyAdminProps {
+  children: ReactNode;
+}
+
+export default function PrivateWrapper({ children }: ClientOnlyAdminProps) {
+  const [admin, setAdmin] = useState(false);
+
+  useEffect(() => {
+    setAdmin(isAdmin());
+  }, []);
+
+  return admin ? <>{children}</> : null;
+}

insights-ui/src/components/projects/ProductDetailsPage.tsx

@@ -5,6 +5,7 @@ import { getReportName } from '@/util/report-utils';
 import Link from 'next/link';
 import React from 'react';
 import RadarChart from '../ui/RadarChart';
+import PrivateWrapper from '../auth/PrivateWrapper';
 
 interface ProjectDetailPageProps {
   projectId: string;
@@ -38,7 +39,9 @@ export default function ProjectDetailPage({ projectId, initialProjectDetails, pr
       <div className="mx-auto max-w-7xl px-6 lg:px-8">
         <div className="mx-auto  lg:text-center">
           <div className="flex justify-end">
-            <ProjectActionsDropdown projectId={projectId} />
+            <PrivateWrapper>
+              <ProjectActionsDropdown projectId={projectId} />
+            </PrivateWrapper>
           </div>
           <p className="mt-2 text-pretty text-4xl font-semibold tracking-tight sm:text-5xl">{initialProjectDetails.name}</p>
           <div className="max-w-lg mx-auto">
@@ -84,7 +87,9 @@ export default function ProjectDetailPage({ projectId, initialProjectDetails, pr
                       </div>
                       <div className="flex justify-between font-semibold">
                         <div className="ml-6 text-xl">{getReportName(reportType)}</div>
-                        <ReportActionsDropdown projectId={projectId} report={{ ...report, type: reportType }} />
+                        <PrivateWrapper>
+                          <ReportActionsDropdown projectId={projectId} report={{ ...report, type: reportType }} />
+                        </PrivateWrapper>
                       </div>
                       <div className="text-sm py-1">{report.summary}</div>
                     </dt>