Fola/upload house list

.gitignore

@@ -27,10 +27,12 @@ yarn-error.log*
 
 # local env files
 .env*.local
+.env.local
 
 # vercel
 .vercel
 
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+

package.json

@@ -27,12 +27,16 @@
     "formik": "^2.2.9",
     "material-ui-popup-state": "^5.0.8",
     "next": "13.2.4",
+    "papaparse": "^5.4.1",
     "prettier": "^2.8.7",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-redux": "^8.0.5",
     "react-uuid": "^2.0.0",
     "typescript": "5.0.2",
     "yup": "^1.0.2"
+  },
+  "devDependencies": {
+    "@types/papaparse": "^5.3.7"
   }
 }

src/features/auth/AuthState.tsx

@@ -23,7 +23,8 @@ export const AuthState = ({ children }: Props) => {
   const [isProcessing, setIsProcessing] = useState(true)
 
   useEffect(() => {
-    // console.log('*****AuthState Component ran')
+    console.log('*****AuthState Component ran')
+    console.log(auth)
 
     const unsubscribe = onAuthStateChanged(auth, async (user) => {
       if (user) {

src/features/authorizedUser/authorizedUserApiSlice.ts

@@ -3,7 +3,7 @@ import { AuthorizedUser, User } from '../../types/schema'
 import { apiSlice } from '../../store/api/apiSlice'
 import { RootState } from '../../store/store'
 
-const authorizedUsersAdapter = createEntityAdapter<User>({})
+const authorizedUsersAdapter = createEntityAdapter<AuthorizedUser>({})
 
 const initialState = authorizedUsersAdapter.getInitialState()
 
@@ -15,7 +15,36 @@ export const authorizedUsersApiSlice = apiSlice.injectEndpoints({
         method: 'GET',
         params: { queryType: 'authorized users' },
       }),
-      transformResponse: (responseData: User[]) => {
+      transformResponse: (responseData: AuthorizedUser[]) => {
+        const loadedAuthorizedUsers = responseData.map((entity) => {
+          entity.id = entity.id
+          return entity
+        })
+        console.debug(loadedAuthorizedUsers)
+        return authorizedUsersAdapter.setAll(
+          initialState,
+          loadedAuthorizedUsers
+        )
+      },
+      providesTags: (result) => {
+        if (result?.ids) {
+          return [
+            { type: 'AuthorizedUser', id: 'LIST' },
+            ...result.ids.map((id) => ({
+              type: 'AuthorizedUser' as const,
+              id,
+            })),
+          ]
+        } else return [{ type: 'AuthorizedUser', id: 'LIST' }]
+      },
+    }),
+    getHouseAuthorizedUsers: builder.query({
+      query: (value: string) => ({
+        url: `authorizedUsers`,
+        method: 'GET',
+        params: { filter: { fieldPath: 'houseID', opStr: '==', value } },
+      }),
+      transformResponse: (responseData: AuthorizedUser[]) => {
         const loadedAuthorizedUsers = responseData.map((entity) => {
           entity.id = entity.id
           return entity
@@ -49,10 +78,7 @@ export const authorizedUsersApiSlice = apiSlice.injectEndpoints({
       invalidatesTags: [{ type: 'AuthorizedUser', id: 'LIST' }],
     }),
     updateAuthorizedUser: builder.mutation({
-      query: (data: {
-        userId: string, 
-        data: Partial<AuthorizedUser>
-      }) => ({
+      query: (data: { userId: string; data: Partial<AuthorizedUser> }) => ({
         url: `authorizedUsers/${data.userId}`,
         method: 'PATCH',
         body: {
@@ -71,6 +97,7 @@ export const {
   useGetAuthorizedUsersQuery,
   useAddNewAuthorizedUserMutation,
   useUpdateAuthorizedUserMutation,
+  useGetHouseAuthorizedUsersQuery,
 } = authorizedUsersApiSlice
 
 // Creates memoized selector to get normalized state based on the query parameter
@@ -91,4 +118,4 @@ export const selectAuthorizedUsersById = (queryParameter: string) =>
       data: { entities: { [x: string]: unknown } },
       authorizedUserId: string | number
     ) => data.entities[authorizedUserId]
-  )
+  )

src/pages/account/testing/index.tsx

@@ -8,10 +8,21 @@ import {
   selectCurrentUser,
 } from '@/features/auth/authSlice'
 import { Typography } from '@mui/material'
+import { useGetAuthorizedUsersQuery } from '@/features/authorizedUser/authorizedUserApiSlice'
 import ShiftInfoHeader from '@/components/shared/shiftCardHeader/ShiftInfoHeader'
 import { useGetShiftsQuery } from '@/features/shift/shiftApiSlice'
 
 const TestingPage = () => {
+  const authUser = useSelector(selectCurrentUser)
+  const { data: authHouseUsersData } = useGetAuthorizedUsersQuery('EUC')
+  // console.log(authUser)
+
+  useEffect(() => {
+    if (authHouseUsersData) {
+      console.log('Auth User', authHouseUsersData)
+    }
+  }, [authHouseUsersData])
+
   /**
    *  Here is an example of how I tested my ShiftInfoHeader component.
    *  Feel free to delete whatever here and replace with what you want to test!

src/pages/testing/index.tsx

@@ -0,0 +1,13 @@
+// use this to test your stuff
+import UploadHouseListCard from '../../sprintFiles/uploadHouseListCard'
+import UploadHouseListBtn from '../../sprintFiles/uploadHouseListBtn'
+
+const index = () => {
+  return (
+    <div>
+      <UploadHouseListCard/>
+    </div>
+
+  ) 
+}
+export default index

src/sprintFiles/uploadHouseListBtn.tsx

@@ -0,0 +1,9 @@
+import Button from '@mui/material/Button';
+import AddIcon from '@mui/icons-material/Add';
+const uploadHouseListBtn = () => {
+
+    return (
+        <Button>Add Members <AddIcon/></Button>
+    )
+}
+export default uploadHouseListBtn