updated proxy

frontend/Dockerfile.frontend

@@ -3,7 +3,7 @@ WORKDIR /app/frontend
 COPY ./package.json ./
 COPY ./package-lock.json ./
 EXPOSE $PORT
-RUN npm ci
+RUN npm i
 COPY ./ ./
 CMD [ "npm", "start"]
 

frontend/src/__tests__/explore.test.js

@@ -318,7 +318,7 @@ describe('Explore', () => {
 
         render(<Explore />);
         const imgElements = document.querySelectorAll('.exploreImages img');
-        await waitForElementToBeRemoved(() => screen.getByText('Loading Bro......'), { timeout: 10000 }); // Wait for up to 10 seconds
+        await waitForElementToBeRemoved(() => screen.getByText('Loading Bro......'), { timeout: 10000 });
         imgElements.forEach((img, index) => {
             expect(img).toHaveAttribute('src', fakeData[index].userPosts[0].image_link);
         });

frontend/src/setupProxy.js

@@ -1,26 +1,26 @@
-// const { createProxyMiddleware } = require('http-proxy-middleware');
-
-// module.exports = function (app) {
-//   const target = process.env.API_PROXY_TARGET || 'http://localhost:8080'; // Default to localhost:8080 if the env variable is not set
-
-//   app.use(
-//     '/api',
-//     createProxyMiddleware({
-//       target,
-//       changeOrigin: true,
-//       // secure: false,
-//     })
-//   );
-// };
-
 const { createProxyMiddleware } = require('http-proxy-middleware');
 
 module.exports = function (app) {
+  const target = process.env.API_PROXY_TARGET || 'http://localhost:8080'; // Default to localhost:8080 if the env variable is not set
+
   app.use(
     '/api',
     createProxyMiddleware({
-      target: 'http://localhost:8080',
+      target,
       changeOrigin: true,
+      // secure: false,
     })
   );
-};
+};
+
+// const { createProxyMiddleware } = require('http-proxy-middleware');
+
+// module.exports = function (app) {
+//   app.use(
+//     '/api',
+//     createProxyMiddleware({
+//       target: 'http://localhost:8080',
+//       changeOrigin: true,
+//     })
+//   );
+// };