massif update social system

[Ardelyo]

📋 Deskripsi

🔗 Issue Terkait

Fixes #(nomor issue)

🔄 Tipe Perubahan

• 🐛 Bug fix (perubahan yang memperbaiki issue)
• ✨ Fitur baru (perubahan yang menambah fungsionalitas)
• 📝 Dokumentasi (perubahan pada dokumentasi)
• 🎨 Style (formatting, tidak ada perubahan kode)
• ♻️ Refactor (perubahan kode tanpa menambah fitur/fix)
• 🔧 Chore (maintenance, dependencies)

📸 Screenshot (jika UI berubah)

Sebelum	Sesudah
(screenshot)	(screenshot)

✅ Checklist

• Kode saya mengikuti standar proyek
• Saya sudah melakukan self-review
• Saya sudah menambahkan komentar di bagian yang kompleks
• Saya sudah update dokumentasi yang terkait
• Perubahan saya tidak menghasilkan warning baru
• Saya sudah test perubahan saya secara lokal

📝 Catatan untuk Reviewer

Tambahkan catatan atau pertanyaan untuk reviewer di sini.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Review	Updated (UTC)
ourcreativity	Ready	Preview, Comment	Dec 24, 2025 0:58am

[gemini-code-assist]

Summary of Changes

Hello @Ardelyo, I'm Gemini Code Assist¹! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed!

Pull request ini secara signifikan memperluas fungsionalitas platform dengan memperkenalkan sistem sosial yang komprehensif dan panel administrasi yang kuat. Perubahan ini mencakup penambahan fitur autentikasi pengguna, halaman profil pribadi, kemampuan untuk menyukai dan mengomentari karya, serta alat bagi administrator untuk mengelola pengguna, konten, dan konfigurasi platform. Di balik layar, terdapat pembaruan infrastruktur data dengan tabel Supabase baru dan optimasi indeks untuk mendukung fitur-fitur baru ini, sekaligus meningkatkan pengalaman pengguna secara keseluruhan melalui penyempurnaan UI/UX.

Highlights

• Sistem Sosial Komprehensif: Mengintegrasikan fitur sosial seperti suka (likes) dan komentar pada karya seni, memungkinkan interaksi pengguna yang lebih dinamis dan menarik.
• Panel Admin Penuh: Memperkenalkan panel admin baru dengan dasbor, manajemen pengguna, moderasi konten, pengumuman, dan pengaturan platform, memberikan kontrol penuh kepada administrator.
• Autentikasi dan Profil Pengguna: Menambahkan halaman login dan registrasi, serta halaman profil pengguna khusus untuk menampilkan informasi dan karya yang dipublikasikan oleh setiap anggota.
• Peningkatan Studio Kreasi: Studio kreasi kini lebih tangguh dengan kemampuan mengunggah file media langsung ke penyimpanan Supabase saat publikasi, serta sistem draf otomatis.
• Optimasi Data dan Performa: Mengadopsi @tanstack/react-query untuk manajemen data yang efisien dan menambahkan migrasi Supabase baru untuk tabel pengumuman, pengaturan platform, komentar, suka, dan indeks database yang dioptimalkan.
• Penyempurnaan UI/UX: Berbagai peningkatan visual dan interaktif di seluruh aplikasi, termasuk navigasi navbar yang lebih responsif dan tampilan kartu yang diperbarui.

Using Gemini Code Assist

The full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips.

Invoking Gemini

You can request assistance from Gemini at any point by creating a comment using either /gemini <command> or @gemini-code-assist <command>. Below is a summary of the supported commands on the current page.

Feature	Command	Description
Code Review	/gemini review	Performs a code review for the current pull request in its current state.
Pull Request Summary	/gemini summary	Provides a summary of the current pull request in its current state.
Comment	@gemini-code-assist	Responds in comments when explicitly tagged, both in pull request comments and review comments.
Help	/gemini help	Displays a list of available commands.

Customization

To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a .gemini/ folder in the base of the repository. Detailed instructions can be found here.

Limitations & Feedback

Gemini Code Assist may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with 👍 and 👎 on @gemini-code-assist comments. If you're interested in giving your feedback about your experience with Gemini Code Assist for Github and other Google products, sign up here.

You can also get AI-powered code generation, chat, as well as code reviews directly in the IDE at no cost with the Gemini Code Assist IDE Extension.

Footnotes

1. Review the Privacy Notices, Generative AI Prohibited Use Policy, Terms of Service, and learn how to configure Gemini Code Assist in GitHub here. Gemini can make mistakes, so double check it and use code with caution. ↩

[gemini-code-assist]

Code Review

Ini adalah pembaruan yang sangat besar dan mengesankan! Penambahan sistem otentikasi, profil pengguna, fitur sosial, studio kreasi, dan panel admin merupakan langkah besar untuk platform ini. Strukturnya bagus, dengan penggunaan React Query di panel admin yang merupakan pilihan tepat. UI/UX juga mengalami peningkatan signifikan. Migrasi database juga terlihat solid dengan adanya RLS dan indeks performa. Saya menemukan beberapa isu penting terkait integritas data dan fungsionalitas yang perlu diperhatikan, serta beberapa saran untuk konsistensi dan praktik terbaik. Secara keseluruhan, kerja yang luar biasa!

I am having trouble creating individual review comments. Click here to see my feedback.

pages/Auth/Register.tsx (27-36)

Terdapat potensi masalah kritis pada alur pendaftaran pengguna baru. Frontend mengirimkan username dan avatar_url sebagai metadata, namun tidak ada mekanisme di backend (seperti trigger Supabase) yang terlihat untuk menyalin data ini ke tabel public.profiles. Akibatnya, pengguna baru tidak akan memiliki profil, yang akan menyebabkan error di banyak bagian aplikasi. Anda perlu menambahkan trigger di Supabase yang dieksekusi after insert on auth.users untuk membuat entri profil yang sesuai.

supabase/migrations/20241224_create_social_features.sql (4)

Integritas data berisiko. Kolom work_id di tabel comments dan likes seharusnya menjadi foreign key yang mereferensikan works(id). Tanpa ini, jika sebuah karya dihapus, komentar dan like-nya akan menjadi data yatim (orphaned data), yang menyebabkan inkonsistensi data. Sebaiknya tambahkan REFERENCES public.works(id) ON DELETE CASCADE.

    work_id UUID NOT NULL REFERENCES public.works(id) ON DELETE CASCADE,

supabase/migrations/20241224_create_social_features.sql (14)

Integritas data berisiko. Kolom work_id di tabel likes seharusnya menjadi foreign key yang mereferensikan works(id). Tanpa ini, jika sebuah karya dihapus, like-nya akan menjadi data yatim (orphaned data). Sebaiknya tambahkan REFERENCES public.works(id) ON DELETE CASCADE.

    work_id UUID NOT NULL REFERENCES public.works(id) ON DELETE CASCADE,

components/AuthProvider.tsx (72)

Fungsi fetchProfile tidak mengambil kolom bio dan website dari tabel profiles. Hal ini akan menyebabkan data tersebut tidak muncul di halaman Pengaturan Pengguna (Settings.tsx). Jika pengguna menyimpan pengaturan tanpa mengisi ulang bio dan website, data yang ada di database bisa terhapus. Mohon tambahkan bio dan website ke dalam query select.

.select('id, username, avatar_url, is_approved, role, bio, website')

components/CreationStudio/carousel/SlideBuilder.tsx (39-41)

Fungsi updateSlideContent sepertinya sudah tidak digunakan lagi setelah refactoring pada fungsi onDrop. Untuk menjaga kebersihan kode (maintainability), sebaiknya fungsi ini dihapus.

components/CreationStudio/index.tsx (158)

Saat membuat File dari blob untuk slide, tipe file di-hardcode menjadi image/jpeg. Ini bisa menyebabkan ekstensi file yang salah jika pengguna mengunggah gambar PNG atau format lain. Sebaiknya gunakan tipe dari blob itu sendiri untuk nama file dan tipenya.

                        const file = new File([blob], `slide_${slide.id}.${blob.type.split('/')[1]}`, { type: blob.type });

pages/Admin/Announcements.tsx (23-42)

Halaman ini menggunakan useState dan useEffect untuk mengambil data, sementara halaman admin lainnya (Content.tsx, Users.tsx) sudah menggunakan React Query (useQuery). Untuk konsistensi, praktik terbaik, dan mendapatkan manfaat caching serta invalidasi otomatis, sebaiknya halaman ini juga direfaktor untuk menggunakan useQuery dan useMutation dari @tanstack/react-query.

pages/Karya.tsx (189)

Penggunaan alert() untuk memberikan feedback kepada pengguna (misalnya saat mencoba menyukai karya tanpa login) terasa kurang modern dan mengganggu alur. Sebaiknya pertimbangkan untuk menggunakan sistem notifikasi yang lebih terintegrasi (seperti toast/snackbar) atau mengarahkan pengguna ke halaman login untuk pengalaman pengguna yang lebih baik.

pages/Settings.tsx (71)

Pembuatan nama file untuk avatar menggunakan Math.random(). Ini kurang konsisten dengan bagian lain di aplikasi (misalnya Studio.tsx) yang menggunakan Date.now(). Menggunakan Date.now() lebih aman untuk menghindari potensi kolisi nama file, meskipun kemungkinannya kecil.

            const fileName = `${userId}-${Date.now()}.${fileExt}`;