Merge pull request #409 from CodeForPhilly/develop

Release: v1.1.2

## Improvements
The latest update redirects traffic to the new Code for Philly URL instead of localhost. I handled it by adding a .env.production file, which Vite automatically uses during npm run build to generate the build with the correct URL.

## Technical
Added .env.production

Author: taichan03

config/env/prod.env.example

@@ -15,7 +15,6 @@ type: Opaque
 stringData:
   DATABASE: postgres
   DEBUG: '1'
-  DJANGO_ALLOWED_HOSTS: localhost 127.0.0.1 [::1] balancer.sandbox.k8s.phl.io
   LOGIN_REDIRECT_URL: ''
   OPENAI_API_KEY: openapi_key_here
   PINECONE_API_KEY: pinecone_key_here

deploy/manifests/balancer/base/secret.template.yaml

@@ -1,5 +1,10 @@
 services:
   db:
+    # Workaround for PostgreSQL crash with pgvector v0.6.1 on ARM64
+    # image: pgvector/pgvector:pg15
+    # volumes:
+    #   - postgres_data:/var/lib/postgresql/data/
+    #   - ./db/init-vector-extension.sql:/docker-entrypoint-initdb.d/init-vector-extension.sql
     build:
       context: ./db
       dockerfile: Dockerfile
@@ -20,10 +25,6 @@ services:
   #   environment:
   #     PGADMIN_DEFAULT_EMAIL: [email protected]
   #     PGADMIN_DEFAULT_PASSWORD: balancer
-  #     # PGADMIN_LISTEN_PORT = 80
-  #   # volumes:
-  #   #   - ./pgadmin-data:/var/lib/pgadmin
-  #   #       # PGADMIN_LISTEN_PORT = 80
   #   ports:
   #     - "5050:80"
   #   networks:
@@ -55,7 +56,6 @@ services:
       - "3000:3000"
     environment:
       - CHOKIDAR_USEPOLLING=true
-      # - VITE_API_BASE_URL=https://balancertestsite.com/
     volumes:
       - "./frontend:/usr/src/app:delegated"
       - "/usr/src/app/node_modules/"

docker-compose.yml

@@ -0,0 +1 @@
+VITE_API_BASE_URL=https://balancer.live.k8s.phl.io/

frontend/.env.production

@@ -101,7 +101,7 @@ const Header: React.FC<LoginFormProps> = ({ isAuthenticated, isSuperuser }) => {
   return (
     <header className="z-50 fixed w-full items-center no-print">
       <div className="w-full items-center justify-center border-b border-gray-300 bg-blue-100 p-1 text-center text-sm font-light text-gray-500 lg:flex">
-        <p className="">
+        <p className="hidden md:block">
           Welcome to Balancer’s first release! Found a bug or have feedback? Let us know {" "}
           <Link
             to="/feedback"
@@ -115,6 +115,13 @@ const Header: React.FC<LoginFormProps> = ({ isAuthenticated, isSuperuser }) => {
           </a>
           .
         </p>
+        <p className="sm:block md:hidden">
+          App is in beta; report issues to {" "}
+          <a href="mailto:[email protected]" className="underline hover:border-blue-600 hover:text-blue-600 hover:no-underline">
+            [email protected]
+          </a>
+          .
+        </p>
       </div>
       <div
         className={

frontend/src/components/Header/Header.tsx

@@ -22,7 +22,7 @@ const data: DataProps = {
 function HowTo() {
   return (
     <Layout>
-      <div className="mt-20 flex w-full max-w-6xl flex-col items-center justify-center px-8">
+      <div className="mt-20 flex min-w-[445px] w-full max-w-6xl flex-col items-center justify-center px-8">
         <div className="mt-10 h-44 w-44">
         <LineChart />
         </div>