feat: update API base URLs for development and production; add level …

…selection to analytics table

.env.development

@@ -1,6 +1,6 @@
 NODE_ENV=development
-# NEXT_PUBLIC_API_BASE_URL=http://localhost:8080
-NEXT_PUBLIC_API_BASE_URL=https://leomeireles-dev.xyz/backend-api
+NEXT_PUBLIC_API_BASE_URL=http://localhost:8080
+# NEXT_PUBLIC_API_BASE_URL=https://leomeireles-dev.xyz/backend-api
 
 
 NEXT_PUBLIC_API_BASE_URL_REPORTS=date-range?

.github/workflows/docker-image-ci.yml

@@ -0,0 +1,29 @@
+name: Docker Image CI
+
+on:
+  push:
+    branches: [ "feature/actions" ]
+  pull_request:
+    branches: [ "feature/actions" ]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+    - uses: actions/checkout@v4
+    - name: Set up Docker Buildx
+      uses: docker/setup-buildx-action@v2
+    - name: Cache Docker layers
+      uses: actions/cache@v3
+      with:
+        path: /tmp/.buildx-cache
+        key: ${{ runner.os }}-buildx-${{ github.sha }}
+        restore-keys: |
+          ${{ runner.os }}-buildx-
+    - name: Log in to Docker Hub
+      run: echo "${{ secrets.DOCKER_HUB_PASSWORD }}" | docker login -u "${{ secrets.DOCKER_HUB_USERNAME }}" --password-stdin
+    - name: Build and push Docker image
+      run: |
+        docker-compose build
+        docker-compose push

src/pages/analytics-table.tsx

@@ -29,11 +29,16 @@ const AnalyticsTable = () => {
 
   const [analyticsType, setAnalyticsType] = useState<string>('biochemistry-analytics');
 
+  const [level, setLevel] = useState<string>('1');
+
+  const [isFiltered, setFiltered] = useState<boolean>(true);
+
   const [dataFetched, setDataFetched] = useState<ListingItem[]>([]);
+
   const [isLoading, setIsLoading] = useState<boolean>(false);
   const [error, setError] = useState<string | null>(null);
 
-  const url = `${process.env.NEXT_PUBLIC_API_BASE_URL}/${analyticsType}/date-range?startDate=${formatDateWithTime(startYear, startMonth, startDay)}&endDate=${formatEndDateWithTime(endYear, endMonth, endDay)}`;
+  const url = isFiltered ? `${process.env.NEXT_PUBLIC_API_BASE_URL}/${analyticsType}/level-date-range?level=${level}&startDate=${formatDateWithTime(startYear, startMonth, startDay)}&endDate=${formatEndDateWithTime(endYear, endMonth, endDay)}` : `${process.env.NEXT_PUBLIC_API_BASE_URL}/${analyticsType}/date-range?startDate=${formatDateWithTime(startYear, startMonth, startDay)}&endDate=${formatEndDateWithTime(endYear, endMonth, endDay)}`;
 
   useEffect(() => {
     const fetchData = async () => {
@@ -73,6 +78,12 @@ const AnalyticsTable = () => {
     { value: 'coagulation-analytics', label: 'COAGULATION' },
   ];
 
+  const levelOptions = [
+    { value: 'PCCC1', label: 'PCCC1' },
+    { value: '2', label: 'Level 2' },
+    { value: '3', label: 'Level 3' },
+  ]
+
   return (
     <div className='min-h bg-background'>
       <div className='min-h flex flex-col content-center items-center justify-center'>
@@ -115,6 +126,19 @@ const AnalyticsTable = () => {
                       </option>
                     ))}
                   </select>
+                  <label htmlFor='level' className='text-textSecondary'>
+                    <select
+                      id='level'
+                      className='mt-1 rounded border border-borderColor bg-background text-textSecondary md:px-2 md:py-1 md:text-sm focus:outline-none focus:ring-2 focus:ring-borderColor/30'
+                      value={level}
+                      onChange={(e) => setLevel(e.target.value)}>
+                      {levelOptions.map((option) => (
+                        <option key={option.value} value={option.value}>
+                          {option.label}
+                        </option>
+                      ))}
+                    </select>
+                  </label>
                 </div>
               </div>
             </div>