Add css

.firebase/hosting.YnVpbGQ.cache

@@ -0,0 +1,11 @@
+asset-manifest.json,1686409621257,fd92b1310e6c7f0f1787dbf8ced2ef351e1590792580a900ffcc9e79cf068898
+index.html,1686409621257,850d18b3017235cd2d97641071b8f7fbdab3dcce566a5591f1c56ca0b4ee2769
+manifest.json,1686409617393,b549bfd2043cac546ce336254ac1fdd996d55802e2674aa18168ec2751647ab8
+favicon.ico,1686409617393,006c175f406841b3f2a1d58f203c9f83755b62b227a899f46adabc2bfabc420f
+static/js/main.a7669b8d.js.LICENSE.txt,1686409621261,9d3e7ca3f0154b9ef7b84e5b0ed4c482785ca412e287f74ddd3d0cbcbbc624a2
+logo192.png,1686409617393,2894b3e01dd7ca7fcfc7482415e6929105f2f57f5ae2547b9a70f2c003476dc6
+static/css/main.f968d225.css,1686409621261,2c1e7eb7c8dbe9d7a3e91b03031dbfbe57042009e0c7a039944f972fa30a3c3b
+logo512.png,1686409617393,0d30eb7f676b0f7bceb2121a29437c2c620c74fcbb7919528c73a396089521fe
+static/js/main.a7669b8d.js,1686409621261,a69cee099c8cabddee7b7b5773af15cc30848fb87cc2d9427965adafcca8917e
+static/css/main.f968d225.css.map,1686409621261,edd49da3418f5d890db257523b451e89a93b088c72efd04c30bcd31a9ba260fc
+static/js/main.a7669b8d.js.map,1686409621261,f4a1fb7e783a6d1bf409ef9d5dcf8a459c1f227aa444896891301c8961ff30a2

.firebaserc

@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "project2-b6874"
+  }
+}

.gitignore

@@ -13,6 +13,7 @@
 
 # misc
 .DS_Store
+.env
 .env.local
 .env.development.local
 .env.test.local
@@ -21,3 +22,4 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+

database.rules.json

@@ -0,0 +1,6 @@
+{
+  "rules": {
+    ".read": "now < 1688918400000",  // 2023-7-10
+    ".write": "now < 1688918400000",  // 2023-7-10
+  }
+}

firebase.json

@@ -0,0 +1,37 @@
+{
+  "database": {
+    "rules": "database.rules.json"
+  },
+  "hosting": {
+    "public": "build",
+    "ignore": [
+      "firebase.json",
+      "**/.*",
+      "**/node_modules/**"
+    ],
+    "rewrites": [
+      {
+        "source": "**",
+        "destination": "/index.html"
+      }
+    ]
+  },
+  "storage": {
+    "rules": "storage.rules"
+  },
+  "functions": [
+    {
+      "source": "functions",
+      "codebase": "default",
+      "ignore": [
+        "node_modules",
+        ".git",
+        "firebase-debug.log",
+        "firebase-debug.*.log"
+      ],
+      "predeploy": [
+        "npm --prefix \"$RESOURCE_DIR\" run lint"
+      ]
+    }
+  ]
+}

functions/.eslintrc.js

@@ -0,0 +1,28 @@
+module.exports = {
+  env: {
+    es6: true,
+    node: true,
+  },
+  parserOptions: {
+    "ecmaVersion": 2018,
+  },
+  extends: [
+    "eslint:recommended",
+    "google",
+  ],
+  rules: {
+    "no-restricted-globals": ["error", "name", "length"],
+    "prefer-arrow-callback": "error",
+    "quotes": ["error", "double", {"allowTemplateLiterals": true}],
+  },
+  overrides: [
+    {
+      files: ["**/*.spec.*"],
+      env: {
+        mocha: true,
+      },
+      rules: {},
+    },
+  ],
+  globals: {},
+};

functions/.gitignore

@@ -0,0 +1 @@
+node_modules/

functions/index.js

@@ -0,0 +1,92 @@
+/**
+ * Import function triggers from their respective submodules:
+ *
+ * const {onCall} = require("firebase-functions/v2/https");
+ * const {onDocumentWritten} = require("firebase-functions/v2/firestore");
+ *
+ * See a full list of supported triggers at https://firebase.google.com/docs/functions
+ */
+
+// const { onRequest } = require("firebase-functions/v2/https");
+// const logger = require("firebase-functions/logger");
+
+// Create and deploy your first functions
+// https://firebase.google.com/docs/functions/get-started
+
+// exports.helloWorld = onRequest((request, response) => {
+//   logger.info("Hello logs!", {structuredData: true});
+//   response.send("Hello from Firebase!");
+// });
+
+// const functions = require("firebase-functions");
+// const admin = require("firebase-admin");
+// const fetch = require("isomorphic-fetch");
+// admin.initializeApp();
+// const db = admin.database();
+
+// const apiKey = functions.config().exchangerate.key;
+
+// exports.convertCurrency = functions.database
+//     .ref("/expenses/{userId}/{expenseId}")
+//     .onWrite(async (change, context) => {
+//     // Exit when the data is deleted.
+//       if (!change.after.exists()) {
+//         return null;
+//       }
+
+//       const expense = change.after.val();
+
+//       // Check if relevant fields have changed b4 fetching the fx
+//       if (change.before.exists()) {
+//         const beforeExpense = change.before.val();
+//         if (
+//           expense.amount === beforeExpense.amount &&
+//         expense.currency === beforeExpense.currency &&
+//         expense.displayCurrency === beforeExpense.displayCurrency
+//         ) {
+//           console.log("Expense data unchanged, no need to convert currency");
+//           return null;
+//         }
+//       }
+
+//       const response = await fetch(
+//           `https://v6.exchangerate-api.com/v6/${apiKey}/latest/USD`,
+//       );
+//       const data = await response.json();
+//       const exchangeRates = data.conversion_rates;
+//       const rateFrom = exchangeRates[expense.currency];
+//       const rateTo = exchangeRates[expense.displayCurrency];
+//       const displayAmount = (expense.amount / rateFrom) * rateTo;
+//       return change.after.ref.child("displayAmount").set(displayAmount);
+//     });
+
+// exports.onDisplayCurrencyChange = functions.database
+//     .ref("/user/{userId}/displayCurrency")
+//     .onUpdate(async (change, context) => {
+//       const displayCurrency = change.after.val();
+
+//       const response = await fetch(
+//           `https://v6.exchangerate-api.com/v6/${apiKey}/latest/USD`,
+//       );
+//       const data = await response.json();
+//       const exchangeRates = data.conversion_rates;
+
+//       const expensesRef = db.ref(`expenses/${context.params.userId}`);
+//       const expensesSnapshot = await expensesRef.once("value");
+//       const expenses = expensesSnapshot.val();
+
+//       for (const expenseId in expenses) {
+//         if (Object.prototype.hasOwnProperty.call(expenses, expenseId)) {
+//           const expense = expenses[expenseId];
+//           const rateFrom = exchangeRates[expense.currency];
+//           const rateTo = exchangeRates[displayCurrency];
+//           const displayAmount = (expense.amount / rateFrom) * rateTo;
+//           await expensesRef
+//               .child(`${expenseId}/displayAmount`)
+//               .set(displayAmount);
+//           await expensesRef
+//               .child(`${expenseId}/displayCurrency`)
+//               .set(displayCurrency);
+//         }
+//       }
+//     });