receive hackatons directly from firebase

.eslintrc

@@ -5,6 +5,7 @@
  },
  "rules": {
  "react/react-in-jsx-scope": "off",
- "jsx-a11y/anchor-is-valid": "off"
+ "jsx-a11y/anchor-is-valid": "off",
+ "react/prop-types": "off"
  }
 }

pages/api/hackathons.ts

@@ -1,17 +1,14 @@
 import { NextApiRequest, NextApiResponse } from 'next';
-import db from '../../utils/server/database';
-import { Hackathon } from '../../types/hackathon';
+import getHackathons from '../../utils/firebase/getHackathons';
 
-const getHackathons = async (_: NextApiRequest, res: NextApiResponse) => {
+const hackathonsHandler = async (_: NextApiRequest, res: NextApiResponse) => {
  try {
- const hackathonsRef = db.ref('hackathons');
- const snapshot = await hackathonsRef.once('value');
- const hackathons: Hackathon[] = snapshot.val();
+ const hackathons = await getHackathons();
 
  res.status(200).json({ hackathons });
  } catch (e) {
  res.status(500).json({ error: e.message });
  }
 };
 
-export default getHackathons;
+export default hackathonsHandler;

pages/hackathons.tsx

@@ -1,17 +1,19 @@
 import { useEffect, useState } from 'react';
-import { NextPageContext } from 'next';
+import { NextPage } from 'next';
 import axios from 'axios';
 import { Hackathon } from '../types/hackathon';
 import { HackathonsApi } from '../types/api';
-import getOriginFromRequest from '../utils/server/getOriginFromRequest';
 import endpoints from '../constants/endpoints';
 
 type HackathonsProps = {
  hackathons?: Hackathon[];
  error?: string;
 };
 
-const Hackathons = ({ hackathons: initialHackathons, error: initialError }: HackathonsProps) => {
+const Hackathons: NextPage<HackathonsProps> = ({
+ hackathons: initialHackathons,
+ error: initialError,
+}) => {
  const [hackathons, updateHackathons] = useState(initialHackathons);
  const [error, updateError] = useState(initialError);
 
@@ -46,13 +48,12 @@ const Hackathons = ({ hackathons: initialHackathons, error: initialError }: Hack
  );
 };
 
-Hackathons.getInitialProps = async ({ req }: NextPageContext): Promise<HackathonsProps> => {
+Hackathons.getInitialProps = async ({ req }): Promise<HackathonsProps> => {
  if (!req) return {};
 
  try {
- const url = getOriginFromRequest(req) + endpoints.api.hackathons;
- const res = await axios.get<HackathonsApi>(url);
- const { hackathons } = res.data;
+ const { default: getHackathons } = await import('../utils/firebase/getHackathons');
+ const hackathons = await getHackathons();
 
  return { hackathons };
  } catch (e) {

utils/server/database.ts → utils/firebase/getFirebaseInstance.ts

@@ -9,8 +9,6 @@ const initialConfig = {
  appId: process.env.APP_ID,
 };
 
-if (!firebase.apps.length) {
- firebase.initializeApp(initialConfig);
-}
+const getFirebaseInstance = () => firebase.apps[0] || firebase.initializeApp(initialConfig);
 
-export default firebase.database();
+export default getFirebaseInstance;

utils/firebase/getHackathons.ts

@@ -0,0 +1,19 @@
+import getFirebaseInstance from './getFirebaseInstance';
+import { Hackathon } from '../../types/hackathon';
+
+const getHackathons = async () => {
+ const firebaseInstance = getFirebaseInstance();
+ const hackathonsRef = firebaseInstance.database().ref('hackathons');
+ const snapshot = await hackathonsRef.once('value');
+ const hackathons: Hackathon[] = snapshot.val();
+
+ try {
+ // required for netlify https://5f723a99796e900007e9382a--growth-points.netlify.app/
+ await firebaseInstance.delete();
+ } finally {
+ // eslint-disable-next-line no-unsafe-finally
+ return hackathons;
+ }
+};
+
+export default getHackathons;