Skip to content

Fix Instagram OAuth and connected feed sync #22

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Dev-Sahad merged 1 commit into from
Aug 1, 2026
Merged

Fix Instagram OAuth and connected feed sync #22

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions .env.example
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,8 @@ GITHUB_TOKEN=
DISCORD_WEBHOOK_URL=
CONTACT_DISCORD_WEBHOOK_URL=
COMMENTS_DISCORD_WEBHOOK_URL=
INSTAGRAM_CLIENT_ID=
INSTAGRAM_CLIENT_SECRET=

# Optional contact-form email delivery.
GMAIL_USER=
Expand Down
36 changes: 20 additions & 16 deletions src/app/admin/database/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
'use client'

import React, { useState, useEffect } from 'react'
import React, { useState, useEffect, useCallback } from 'react'
import { motion } from 'framer-motion'
import { Database, Play, RefreshCw, CheckCircle2, ShieldCheck, Terminal, Layers, Table, HardDrive, Zap, Code, AlertTriangle } from 'lucide-react'
import { supabase } from '@/lib/supabase'
Expand All @@ -19,30 +19,34 @@ WHERE table_schema = 'public';

-- 1-Click Master Schema Migration available via /api/setup-db`

const MANAGED_TABLES: TableInfo[] = [
{ name: 'projects', rowCount: 0, status: 'ACTIVE', description: 'Portfolio showcase items, tech stacks, GitHub links' },
{ name: 'certificates', rowCount: 0, status: 'ACTIVE', description: 'Verified credentials, issuers, credential IDs' },
{ name: 'comments', rowCount: 0, status: 'ACTIVE', description: 'Public visitor testimonials & comment feed' },
{ name: 'technologies', rowCount: 0, status: 'ACTIVE', description: 'Tech stack badges, proficiency levels, icons' },
{ name: 'scene3d_words', rowCount: 0, status: 'ACTIVE', description: '3D WebGL particle cloud words' },
{ name: 'portfolio_settings', rowCount: 0, status: 'ACTIVE', description: 'Global site config, intro music, Spotify URLs' },
{ name: 'instagram_accounts', rowCount: 0, status: 'ACTIVE', description: 'Permissioned Instagram account profile and sync metadata' },
{ name: 'instagram_media', rowCount: 0, status: 'ACTIVE', description: 'Connected account posts, carousels, and Reels' },
{ name: 'instagram_connections', rowCount: 0, status: 'ACTIVE', description: 'Admin-only OAuth token, scopes, and expiry metadata' },
{ name: 'visitors', rowCount: 0, status: 'ACTIVE', description: 'Real-time visitor IP geolocations & browser user agents' },
{ name: 'analytics', rowCount: 0, status: 'ACTIVE', description: 'Performance telemetry & Web Vitals benchmarks' },
]

export default function AdminDatabasePage() {
const [sqlQuery, setSqlQuery] = useState(DEFAULT_SQL_QUERY)
const [executing, setExecuting] = useState(false)
const [pushing, setPushing] = useState(false)
const [message, setMessage] = useState('')
const [queryResult, setQueryResult] = useState<any>(null)
const [activeTab, setActiveTab] = useState<'tables' | 'editor' | 'master_sql'>('tables')
const [tables, setTables] = useState<TableInfo[]>([
{ name: 'projects', rowCount: 0, status: 'ACTIVE', description: 'Portfolio showcase items, tech stacks, GitHub links' },
{ name: 'certificates', rowCount: 0, status: 'ACTIVE', description: 'Verified credentials, issuers, credential IDs' },
{ name: 'comments', rowCount: 0, status: 'ACTIVE', description: 'Public visitor testimonials & comment feed' },
{ name: 'technologies', rowCount: 0, status: 'ACTIVE', description: 'Tech stack badges, proficiency levels, icons' },
{ name: 'scene3d_words', rowCount: 0, status: 'ACTIVE', description: '3D WebGL particle cloud words' },
{ name: 'portfolio_settings', rowCount: 0, status: 'ACTIVE', description: 'Global site config, intro music, Spotify URLs' },
{ name: 'instagram_posts', rowCount: 0, status: 'ACTIVE', description: 'Instagram @sahad_____sha feed items, likes, permalinks' },
{ name: 'visitors', rowCount: 0, status: 'ACTIVE', description: 'Real-time visitor IP geolocations & browser user agents' },
{ name: 'analytics', rowCount: 0, status: 'ACTIVE', description: 'Performance telemetry & Web Vitals benchmarks' },
])
const [tables, setTables] = useState<TableInfo[]>(MANAGED_TABLES)

const fetchTableMetrics = async () => {
const fetchTableMetrics = useCallback(async () => {
setMessage('')
try {
const updated = await Promise.all(
tables.map(async (t) => {
MANAGED_TABLES.map(async (t) => {
try {
const { count, error } = await supabase.from(t.name).select('*', { count: 'exact', head: true })
if (error) {
Expand All @@ -58,7 +62,7 @@ export default function AdminDatabasePage() {
} catch (e: any) {
setMessage(`Error fetching database metrics: ${e.message}`)
}
}
}, [])

useEffect(() => {
fetchTableMetrics()
Expand All @@ -75,7 +79,7 @@ export default function AdminDatabasePage() {
return () => {
supabase.removeChannel(channel)
}
}, [])
}, [fetchTableMetrics])

// Execute SQL Console
const handleExecuteSQL = async () => {
Expand Down
Loading
Loading