Fix Profile list

Author: kiwicopple

example/next-storage/components/ProfileList.tsx

@@ -14,12 +14,7 @@ export default function ProfileList() {
 
     realtimeProfiles = supabase
       .from('profiles')
-      .on('*', (payload: SupabaseRealtimePayload<Profile>) => {
-        console.log('profiles', profiles)
-        const otherProfiles = profiles?.filter((x) => x.id != payload.new.id)
-        console.log('otherProfiles', otherProfiles)
-        setProfiles([payload.new, ...otherProfiles])
-      })
+      .on('*', (payload: SupabaseRealtimePayload<Profile>) => profileUpdated(payload.new))
       .subscribe()
 
     return () => {
@@ -28,6 +23,11 @@ export default function ProfileList() {
     }
   }, [])
 
+  function profileUpdated(profile: Profile) {
+    const otherProfiles = profiles?.filter((x) => x.id != profile.id)
+    setProfiles([profile, ...otherProfiles])
+  }
+
   async function getPublicProfiles() {
     try {
       const { data, error } = await supabase