feat: #309 - Separate public and admin api calls

StubberG3 · StubberG3 · commit 288347110230 · 2025-08-24T20:48:35.000-04:00
diff --git a/frontend/src/api/apiClient.ts b/frontend/src/api/apiClient.ts
@@ -3,15 +3,19 @@ import { FormValues } from "../pages/Feedback/FeedbackForm";
 import { Conversation } from "../components/Header/Chat";
 const baseURL = import.meta.env.VITE_API_BASE_URL;
 
-export const api = axios.create({
+export const publicApi = axios.create({
+  baseURL
+});
+
+export const adminApi = axios.create({
   baseURL,
   headers: {
     Authorization: `JWT ${localStorage.getItem("access")}`,
   },
 });
 
 // Request interceptor to set the Authorization header
-api.interceptors.request.use(
+adminApi.interceptors.request.use(
   (configuration) => {
     const token = localStorage.getItem("access");
     if (token) {
@@ -29,7 +33,7 @@ const handleSubmitFeedback = async (
   message: FormValues["message"],
 ) => {
   try {
-    const response = await api.post(`/v1/api/feedback/`, {
+    const response = await publicApi.post(`/v1/api/feedback/`, {
       feedbacktype: feedbackType,
       name,
       email,
@@ -45,7 +49,7 @@ const handleSubmitFeedback = async (
 const handleSendDrugSummary = async (message: FormValues["message"], guid: string) => {
   try {
     const endpoint = guid ? `/v1/api/embeddings/ask_embeddings?guid=${guid}` : '/v1/api/embeddings/ask_embeddings';
-    const response = await api.post(endpoint, {
+    const response = await adminApi.post(endpoint, {
       message,
     });
     console.log("Response data:", JSON.stringify(response.data, null, 2));
@@ -58,7 +62,7 @@ const handleSendDrugSummary = async (message: FormValues["message"], guid: strin
 
 const handleRuleExtraction = async (guid: string) => {
   try {
-    const response = await api.get(`/v1/api/rule_extraction_openai?guid=${guid}`);
+    const response = await adminApi.get(`/v1/api/rule_extraction_openai?guid=${guid}`);
     // console.log("Rule extraction response:", JSON.stringify(response.data, null, 2));
     return response.data;
   } catch (error) {
@@ -69,7 +73,7 @@ const handleRuleExtraction = async (guid: string) => {
 
 const fetchRiskDataWithSources = async (medication: string, source: "include" | "diagnosis" = "include") => {
   try {
-    const response = await api.post(`/v1/api/riskWithSources`, {
+    const response = await adminApi.post(`/v1/api/riskWithSources`, {
       drug: medication,
       source: source,
     });
@@ -192,7 +196,7 @@ const handleSendDrugSummaryStreamLegacy = async (
 
 const fetchConversations = async (): Promise<Conversation[]> => {
   try {
-    const response = await api.get(`/chatgpt/conversations/`);
+    const response = await publicApi.get(`/chatgpt/conversations/`);
     return response.data;
   } catch (error) {
     console.error("Error(s) during getConversations: ", error);
@@ -202,7 +206,7 @@ const fetchConversations = async (): Promise<Conversation[]> => {
 
 const fetchConversation = async (id: string): Promise<Conversation> => {
   try {
-    const response = await api.get(`/chatgpt/conversations/${id}/`);
+    const response = await publicApi.get(`/chatgpt/conversations/${id}/`);
     return response.data;
   } catch (error) {
     console.error("Error(s) during getConversation: ", error);
@@ -212,7 +216,7 @@ const fetchConversation = async (id: string): Promise<Conversation> => {
 
 const newConversation = async (): Promise<Conversation> => {
   try {
-    const response = await api.post(`/chatgpt/conversations/`, {
+    const response = await publicApi.post(`/chatgpt/conversations/`, {
       messages: [],
     });
     return response.data;
@@ -228,7 +232,7 @@ const continueConversation = async (
   page_context?: string,
 ): Promise<{ response: string; title: Conversation["title"] }> => {
   try {
-    const response = await api.post(
+    const response = await publicApi.post(
       `/chatgpt/conversations/${id}/continue_conversation/`,
       {
         message,
@@ -244,7 +248,7 @@ const continueConversation = async (
 
 const deleteConversation = async (id: string) => {
   try {
-    const response = await api.delete(`/chatgpt/conversations/${id}/`);
+    const response = await publicApi.delete(`/chatgpt/conversations/${id}/`);
     return response.data;
   } catch (error) {
     console.error("Error(s) during deleteConversation: ", error);
@@ -257,7 +261,7 @@ const updateConversationTitle = async (
   newTitle: Conversation["title"],
 ): Promise<{status: string, title: Conversation["title"]} | {error: string}> => {
   try {
-    const response = await api.patch(`/chatgpt/conversations/${id}/update_title/`, {
+    const response = await publicApi.patch(`/chatgpt/conversations/${id}/update_title/`, {
       title: newTitle,
     });
     return response.data;
diff --git a/frontend/src/pages/Files/ListOfFiles.tsx b/frontend/src/pages/Files/ListOfFiles.tsx
@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from "react";
-import { api } from "../../api/apiClient";
+import { adminApi } from "../../api/apiClient";
 import Layout from "../Layout/Layout";
 import FileRow from "./FileRow";
 import Table from "../../components/Table/Table";
@@ -37,7 +37,7 @@ const ListOfFiles: React.FC<{ showTable?: boolean }> = ({
       try {
         const url = `${baseUrl}/v1/api/uploadFile`;
 
-        const { data } = await api.get(url);
+        const { data } = await adminApi.get(url);
 
         if (Array.isArray(data)) {
           setFiles(data);
@@ -63,7 +63,7 @@ const ListOfFiles: React.FC<{ showTable?: boolean }> = ({
   const handleDownload = async (guid: string, fileName: string) => {
     try {
       setDownloading(guid);
-      const { data } = await api.get(`/v1/api/uploadFile/${guid}`, { responseType: 'blob' });
+      const { data } = await adminApi.get(`/v1/api/uploadFile/${guid}`, { responseType: 'blob' });
 
       const url = window.URL.createObjectURL(new Blob([data]));
       const link = document.createElement("a");
@@ -84,7 +84,7 @@ const ListOfFiles: React.FC<{ showTable?: boolean }> = ({
   const handleOpen = async (guid: string) => {
     try {
       setOpening(guid);
-      const { data } = await api.get(`/v1/api/uploadFile/${guid}`, { responseType: 'arraybuffer' });
+      const { data } = await adminApi.get(`/v1/api/uploadFile/${guid}`, { responseType: 'arraybuffer' });
 
       const file = new Blob([data], { type: 'application/pdf' });
       const fileURL = window.URL.createObjectURL(file);
diff --git a/frontend/src/pages/ListMeds/useMedications.tsx b/frontend/src/pages/ListMeds/useMedications.tsx
@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import { api } from "../../api/apiClient";
+import { publicApi } from "../../api/apiClient";
 
 export interface MedData {
   name: string;
@@ -18,7 +18,7 @@ export function useMedications() {
       try {
         const url = `${baseUrl}/v1/api/get_full_list_med`;
 
-        const { data } = await api.get(url);
+        const { data } = await publicApi.get(url);
 
         data.sort((a: MedData, b: MedData) => {
           const nameA = a.name.toUpperCase();
diff --git a/frontend/src/pages/ManageMeds/ManageMeds.tsx b/frontend/src/pages/ManageMeds/ManageMeds.tsx
@@ -2,7 +2,7 @@ import { useState, useEffect } from "react";
 import Layout from "../Layout/Layout";
 import Welcome from "../../components/Welcome/Welcome";
 import ErrorMessage from "../../components/ErrorMessage";
-import { api } from "../../api/apiClient";
+import { adminApi } from "../../api/apiClient";
 function ManageMedications() {
   interface MedData {
     id: string;
@@ -23,7 +23,7 @@ function ManageMedications() {
   const fetchMedications = async () => {
     try {
       const url = `${baseUrl}/v1/api/get_full_list_med`;
-      const { data } = await api.get(url);
+      const { data } = await adminApi.get(url);
       data.sort((a: MedData, b: MedData) => a.name.localeCompare(b.name));
       setMedications(data);
     } catch (e: unknown) {
@@ -36,7 +36,7 @@ function ManageMedications() {
   // Handle Delete Medication
   const handleDelete = async (name: string) => {
     try {
-      await api.delete(`${baseUrl}/v1/api/delete_med`, { data: { name } });
+      await adminApi.delete(`${baseUrl}/v1/api/delete_med`, { data: { name } });
       setMedications((prev) => prev.filter((med) => med.name !== name));
       setConfirmDelete(null);
     } catch (e: unknown) {
@@ -56,7 +56,7 @@ function ManageMedications() {
       return;
     }
     try {
-      await api.post(`${baseUrl}/v1/api/add_medication`, {
+      await adminApi.post(`${baseUrl}/v1/api/add_medication`, {
         name: newMedName,
         benefits: newMedBenefits,
         risks: newMedRisks,
diff --git a/frontend/src/pages/PatientManager/NewPatientForm.tsx b/frontend/src/pages/PatientManager/NewPatientForm.tsx
@@ -4,7 +4,7 @@ import { PatientInfo, Diagnosis } from "./PatientTypes";
 import { useMedications } from "../ListMeds/useMedications";
 import ChipsInput from "../../components/ChipsInput/ChipsInput";
 import Tooltip from "../../components/Tooltip";
-import { api } from "../../api/apiClient";
+import { publicApi } from "../../api/apiClient";
 import { useGlobalContext } from "../../contexts/GlobalContext.tsx";
 // import ErrorMessage from "../../components/ErrorMessage";
 
@@ -155,7 +155,7 @@ const NewPatientForm = ({
       const baseUrl = import.meta.env.VITE_API_BASE_URL;
       const url = `${baseUrl}/v1/api/get_med_recommend`;
 
-      const { data } = await api.post(url, payload);
+      const { data } = await publicApi.post(url, payload);
 
       const categorizedMedications = {
         first: data.first ?? [],
diff --git a/frontend/src/pages/RulesManager/RulesManager.tsx b/frontend/src/pages/RulesManager/RulesManager.tsx
@@ -2,7 +2,7 @@ import React, { useState, useEffect } from "react";
 import Layout from "../Layout/Layout";
 import Welcome from "../../components/Welcome/Welcome";
 import ErrorMessage from "../../components/ErrorMessage";
-import { api } from "../../api/apiClient";
+import { adminApi } from "../../api/apiClient";
 import { ChevronDown, ChevronUp } from "lucide-react";
 
 interface Medication {
@@ -69,7 +69,7 @@ function RulesManager() {
     const fetchMedRules = async () => {
       try {
         const url = `${baseUrl}/v1/api/medRules`;
-        const { data } = await api.get<MedRulesResponse>(url);
+        const { data } = await adminApi.get<MedRulesResponse>(url);
 
         if (!data || !Array.isArray(data.results)) {
           throw new Error("Invalid response format");
