From 1752d435dff22d2a7b8c2faaec35bce6ba339b7d Mon Sep 17 00:00:00 2001
From: wisplite <wisplitedev@gmail.com>
Date: Thu, 19 Feb 2026 22:51:44 -0600
Subject: [PATCH] basic account gating

---
 backend/internal/db/db.go                     | 1 +
 frontend/src/gallery/components/AlbumList.jsx | 6 +++---
 frontend/src/gallery/components/MediaList.jsx | 7 ++++---
 3 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/backend/internal/db/db.go b/backend/internal/db/db.go
index e38a6f6..c53523c 100644
--- a/backend/internal/db/db.go
+++ b/backend/internal/db/db.go
@@ -24,6 +24,7 @@ func Init() bool {
 		&models.AccessToken{},
 		&models.UserAlbumAccess{},
 		&models.Media{},
+		&models.Settings{},
 	)
 	if err != nil {
 		log.Fatal("failed to migrate database: ", err)
diff --git a/frontend/src/gallery/components/AlbumList.jsx b/frontend/src/gallery/components/AlbumList.jsx
index d12d6f6..05b9d0f 100644
--- a/frontend/src/gallery/components/AlbumList.jsx
+++ b/frontend/src/gallery/components/AlbumList.jsx
@@ -7,7 +7,7 @@ import { useNavigate } from 'react-router-dom'
 import { useNotifier } from '../../contexts/useNotifier'
 import AlbumEditModal from './AlbumEditModal'
 export default function AlbumList({ currentAlbumName }) {
-    const { getAccessToken } = useAccount()
+    const { getAccessToken, user } = useAccount()
     const [open, setOpen] = useState(false)
     const [openEdit, setOpenEdit] = useState(false)
     const [editingAlbum, setEditingAlbum] = useState(null)
@@ -55,7 +55,7 @@ export default function AlbumList({ currentAlbumName }) {
         <div className="flex flex-col items-center justify-start h-min w-full bg-[#141414]">
             <div className="flex flex-row items-center justify-between gap-2 w-full px-6 py-4">
                 <h1 className="text-xl font-bold text-white red-hat-display">Albums</h1>
-                <PlusIcon className="w-6 h-6 cursor-pointer" color="white" onClick={() => setOpen(true)} />
+                <PlusIcon style={{ display: user?.IsAdmin ? 'block' : 'none' }} className="w-6 h-6 cursor-pointer" color="white" onClick={() => setOpen(true)} />
             </div>
             <div className="flex flex-row items-center justify-start gap-2 w-full px-6 flex-wrap">
                 {albums.map((album) => (
@@ -76,7 +76,7 @@ export default function AlbumList({ currentAlbumName }) {
                         }}
                     >
                         <p className="text-white red-hat-text">{album.Title}</p>
-                        <EllipsisVertical className="w-6 h-6 cursor-pointer" color="white" onClick={(e) => {
+                        <EllipsisVertical style={{ display: user?.IsAdmin ? 'block' : 'none' }} className="w-6 h-6 cursor-pointer" color="white" onClick={(e) => {
                             e.stopPropagation()
                             setEditingAlbum(album)
                             setOpenEdit(true)
diff --git a/frontend/src/gallery/components/MediaList.jsx b/frontend/src/gallery/components/MediaList.jsx
index 20a4786..7832309 100644
--- a/frontend/src/gallery/components/MediaList.jsx
+++ b/frontend/src/gallery/components/MediaList.jsx
@@ -7,8 +7,9 @@ import { useAccount } from '../../contexts/useAccount'
 import { useNotifier } from '../../contexts/useNotifier'
 import { useNavigate } from 'react-router-dom'
 import * as Popover from '@radix-ui/react-popover'
+
 export default function MediaList({ albumId, albumName }) {
-    const { getAccessToken } = useAccount()
+    const { getAccessToken, user } = useAccount()
     const [open, setOpen] = useState(false)
     const [media, setMedia] = useState([])
     const [aspectRatios, setAspectRatios] = useState({})
@@ -58,7 +59,7 @@ export default function MediaList({ albumId, albumName }) {
         <div className="flex flex-col items-center justify-start w-full bg-[#141414]">
             <div className="flex flex-row items-center justify-between gap-2 w-full px-6 py-4">
                 <h1 className="text-xl font-bold text-white red-hat-display">Media</h1>
-                <Upload className="w-6 h-6 cursor-pointer" color="white" onClick={() => setOpen(true)} />
+                <Upload style={{ display: user?.IsAdmin ? 'block' : 'none' }} className="w-6 h-6 cursor-pointer" color="white" onClick={() => setOpen(true)} />
             </div>
             <MediaUploadModal
                 open={open}
@@ -104,7 +105,7 @@ export default function MediaList({ albumId, albumName }) {
                                         <button className="text-white px-1 py-1 rounded-md absolute top-2 right-2 cursor-pointer z-50" onClick={(e) => {
                                             e.stopPropagation()
                                         }}>
-                                            <EllipsisVertical className="w-4 h-4" />
+                                            <EllipsisVertical style={{ display: user?.IsAdmin ? 'block' : 'none' }} className="w-4 h-4" />
                                         </button>
                                     </Popover.Trigger>
                                     <Popover.Portal>