administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-12 22:25:24 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Setup basic notification page

Browse Source
This commit is contained in:
Nicolas Mowen 2024-07-10 11:25:35 -06:00
parent 0d78afe06e
commit daa3d5b2c4
6 changed files with 857 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

835
web/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

1
web/package.json
View File

@ -42,6 +42,7 @@
"clsx": "^2.1.1",
"copy-to-clipboard": "^3.3.3",
"date-fns": "^3.6.0",
"firebase": "^10.12.3",
"hls.js": "^1.5.13",
"idb-keyval": "^6.2.1",
"immer": "^10.1.1",

11
web/src/hooks/use-firebase.ts Normal file
View File

@ -0,0 +1,11 @@
import { firebaseConfig } from "@/types/notifications";
import { initializeApp } from "firebase/app";
import { useMemo } from "react";
export function useFirebaseApp() {
return useMemo(() => {
const app = initializeApp(firebaseConfig);
app.automaticDataCollectionEnabled = false;
return app;
}, []);
}

3
web/src/pages/Settings.tsx
View File

@ -35,6 +35,7 @@ import ObjectSettingsView from "@/views/settings/ObjectSettingsView";
import MotionTunerView from "@/views/settings/MotionTunerView";
import MasksAndZonesView from "@/views/settings/MasksAndZonesView";
import AuthenticationView from "@/views/settings/AuthenticationView";
import NotificationView from "@/views/settings/NotificationsSettingsView";
export default function Settings() {
const settingsViews = [
@ -44,6 +45,7 @@ export default function Settings() {
"motion tuner",
"debug",
"users",
"notifications",
] as const;
type SettingsType = (typeof settingsViews)[number];
@ -181,6 +183,7 @@ export default function Settings() {
/>
)}
{page == "users" && <AuthenticationView />}
{page == "notifications" && <NotificationView />}
</div>
{confirmationDialogOpen && (
<AlertDialog

9
web/src/types/notifications.ts Normal file
View File

@ -0,0 +1,9 @@
export const firebaseConfig = {
apiKey: "AIzaSyCoweRLtvai8iNwhsoT-GH_CH_0pckqMmA",
authDomain: "frigate-ed674.firebaseapp.com",
projectId: "frigate-ed674",
storageBucket: "frigate-ed674.appspot.com",
messagingSenderId: "76314288339",
appId: "1:76314288339:web:090e170610d3bf0966f426",
measurementId: "G-GZ1JKNDJZK",
};

18
web/src/views/settings/NotificationsSettingsView.tsx Normal file
View File

@ -0,0 +1,18 @@
import { Button } from "@/components/ui/button";
import { useFirebaseApp } from "@/hooks/use-firebase";
export default function NotificationView() {
const firebaseApp = useFirebaseApp();
return (
<div className="flex size-full flex-col md:flex-row">
<Button
onClick={() => {
firebaseApp.automaticDataCollectionEnabled = false;
}}
>
Enable Notifications
</Button>
</div>
);
}