[feat] pull and display all plants (#2)

Co-authored-by: Catherine Tan <[email protected]> Co-authored-by: rachaelch3n <[email protected]> Co-authored-by: Catherine Tan <[email protected]>
calblueprint · Oct 21, 2024 · 1811a59 · 1811a59
1 parent 8fe8603
commit 1811a59
Show file tree

Hide file tree

Showing 5 changed files with 86 additions and 24 deletions.
diff --git a/api/supabase/queries/plantSeasonality.ts b/api/supabase/queries/plantSeasonality.ts
diff --git a/api/supabase/queries/plants.ts b/api/supabase/queries/plants.ts
@@ -0,0 +1,8 @@
+import { Plant } from '@/types/schema';
+import supabase from '../createClient';
+
+export async function getAllPlants(): Promise<Plant[]> {
+  const { data, error } = await supabase.from('plants').select('*');
+  if (error) throw new Error(`Error fetching all plants: ${error.message}`);
+  return data;
+}
diff --git a/app/seasonal-planting-guide/page.tsx b/app/seasonal-planting-guide/page.tsx
@@ -0,0 +1,60 @@
+'use client';
+
+import React from 'react';
+// import FilterDropdown from '@/components/FilterDropdown';
+import { PlantList } from '@/components/PlantList';
+
+// interface SeasonalPlantingGuideProps {}
+
+const SeasonalPlantingGuide = () => {
+  // hide this for now, will be used in the next PR for dropdown filters
+
+  // const growingSeasonOptions = ['Spring', 'Summer', 'Fall', 'Winter'];
+  // const harvestSeasonOptions = ['Spring', 'Summer', 'Fall', 'Winter'];
+  // const plantingTypeOptions = [
+  //   'Start Seeds Indoors',
+  //   'Start Seeds Outdoors',
+  //   'Plant Seedlings/Transplant Outdoors',
+  // ];
+
+  // const [growingSeason, setGrowingSeason] = useState<string>('');
+  // const [harvestSeason, setHarvestSeason] = useState<string>('');
+  // const [plantingType, setPlantingType] = useState<string>('');
+
+  return (
+    //hide filter dropdowns for now, will be done in another PR
+    <div>
+      {/* <FilterDropdown
+        name="growingSeason"
+        id="growingSeason"
+        setStateAction={setGrowingSeason}
+        options={growingSeasonOptions}
+        placeholder="Growing Season"
+      />
+
+      <FilterDropdown
+        name="harvestSeason"
+        id="harvestSeason"
+        setStateAction={setHarvestSeason}
+        options={harvestSeasonOptions}
+        placeholder="Harvest Season"
+      />
+
+      <FilterDropdown
+        name="plantingType"
+        id="plantingType"
+        setStateAction={setPlantingType}
+        options={plantingTypeOptions}
+        placeholder="Planting Type"
+      /> */}
+
+      <PlantList
+      // growing_season={growingSeason}
+      // harvest_season={harvestSeason}
+      // planting_type={plantingType}
+      />
+    </div>
+  );
+};
+
+export default SeasonalPlantingGuide;
diff --git a/components/PlantList.tsx b/components/PlantList.tsx
@@ -1,14 +1,18 @@
 import React, { useEffect, useState } from 'react';
-import { getPlantSeasonality } from '@/api/supabase/queries/plantSeasonality';
+import { getAllPlants } from '@/api/supabase/queries/plants';
 import { Plant } from '@/types/schema';
 
 export const PlantList = () => {
   const [plants, setPlants] = useState<Plant[]>([]);
 
   useEffect(() => {
     const fetchPlantSeasonality = async () => {
-      const plantList = await getPlantSeasonality('Tennessee');
-      setPlants(plantList);
+      const plantList = await getAllPlants();
+      const us_state = 'TENNESSEE';
+      const filteredPlantList = plantList.filter(
+        plant => plant.us_state === us_state,
+      );
+      setPlants(filteredPlantList);
     };
 
     fetchPlantSeasonality();

diff --git a/types/schema.d.ts b/types/schema.d.ts
@@ -1,13 +1,16 @@
 import type { UUID } from 'crypto';
 
-export type Season = 'SPRING' | 'SUMMER' | 'FALL' | 'WINTER';
+export type SeasonEnum = 'SPRING' | 'SUMMER' | 'FALL' | 'WINTER';
+
+export type DifficultyLevelEnum = 'EASY' | 'MODERATE' | 'HARD';
 
 export interface Plant {
   id: UUID;
   plant_name: string;
-  state: string;
-  harvest_season: Season;
-  water_num_times_per_week: number;
+  us_state: string;
+  harvest_season: SeasonEnum;
+  water_frequency: string;
+  weeding_frequency: string;
   plant_seed_indoors_start: string;
   plant_seed_indoors_end: string;
   plant_seed_outdoors_start: string;
@@ -16,9 +19,10 @@ export interface Plant {
   plant_transplant_end: string;
   harvest_start: string;
   harvest_end: string;
-  water_inches_per_week: number;
-  harvest_days_after_plant: number;
-  sunlight_required: string;
   beginner_friendly: boolean;
   plant_tips: string;
+  img: string;
+  difficulty_level: DifficultyLevelEnum;
+  sunlight_min_hours: int;
+  sunlight_max_hours: int;
 }