r-freeman/portfolio
1
0
Fork 0
mirror of https://github.com/r-freeman/portfolio.git synced 2024-11-22 14:05:42 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Updated views component and supabase client

Browse Source
This commit is contained in:
r-freeman 2023-04-10 23:25:29 +01:00
parent ec833fbe22
commit d5c320c88a
2 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
components/ui/Views.tsx
View File

@ -16,6 +16,7 @@ export function Views({as: Component = 'span', slug, className, shouldUpdateView
const [views, setViews] = useState(0)
useEffect(() => {
// subscribe to view updates at the row level
const sub = supabase
.channel('any')
.on('postgres_changes', {
@ -26,7 +27,7 @@ export function Views({as: Component = 'span', slug, className, shouldUpdateView
}, payload => {
setViews(payload.new.views)
})
.subscribe();
.subscribe()
return () => {
sub.unsubscribe()
@ -51,7 +52,7 @@ export function Views({as: Component = 'span', slug, className, shouldUpdateView
method: 'POST'
}
)
};
}
registerView()
}

7
lib/supabase.ts
View File

@ -1,6 +1,9 @@
import {createClient} from '@supabase/supabase-js'
const NEXT_PUBLIC_SUPABASE_URL = process.env.NEXT_PUBLIC_SUPABASE_URL ?? ""
const NEXT_PUBLIC_SUPABASE_ANON_KEY = process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY ?? ""
export const supabase = createClient(
process.env.NEXT_PUBLIC_SUPABASE_URL ?? "",
process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY ?? ""
NEXT_PUBLIC_SUPABASE_URL,
NEXT_PUBLIC_SUPABASE_ANON_KEY
)