DynamoDB CRUD and AWS Lambda integration

zvoverman · May 19, 2024 · 0b2fc88 · 0b2fc88
1 parent 7f13cc4
commit 0b2fc88
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 4 deletions.
diff --git a/src/components/App.tsx b/src/components/App.tsx
@@ -7,6 +7,16 @@ import ToggleButtonGroup from 'react-bootstrap/ToggleButtonGroup';
 
 const queryClient = new QueryClient();
 
+interface CharacterData {
+  id: string;
+  name: string;
+  height: string;
+  mass: string;
+  eye_color: string;
+  hair_color: string;
+  skin_color: string;
+}
+
 function App() {
   return (
     <QueryClientProvider client={queryClient}>
@@ -35,11 +45,11 @@ function GetPeople() {
 
   useEffect(() => {
     if (data) {
-      //setFavoriteCards(data.map(person => person.id));
+      setFavoriteCards(data.map(person => parseInt(person.id)));
     }
   }, [data]);
 
-  console.log(data);
+  console.log(favoriteCards);
 
   const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {
     const value = parseInt(event.target.value);

diff --git a/src/components/PersonCard.tsx b/src/components/PersonCard.tsx
@@ -20,6 +20,7 @@ interface CharacterData {
 }
 
 const addPerson = async (id: number, data: CharacterData): Promise<CharacterData> => {
+    data.id = id.toString();
     const response = await fetch(`https://w5c9dy2dg4.execute-api.us-east-2.amazonaws.com/people`, {
         method: 'PUT',
         headers: {
@@ -58,13 +59,13 @@ function PersonCard({ index, isFavorite, onFavoriteToggle }: PersonCardProps): J
         )
     );
 
-    const addMutation = useMutation((newData: CharacterData) => addPerson(person, newData), {
+    const addMutation = useMutation((newData: CharacterData) => addPerson(index, newData), {
         onSuccess: () => {
             queryClient.invalidateQueries('getPerson_' + person);
         },
     });
 
-    const deleteMutation = useMutation(() => deletePerson(person), {
+    const deleteMutation = useMutation(() => deletePerson(index), {
         onSuccess: () => {
             queryClient.invalidateQueries('getPerson_' + person);
         },