success page finished, orders page created

Author: esadakman

firebasePermissions.json

@@ -1,8 +1,8 @@
 {
   "type": "service_account",
   "project_id": "nextjs--clone-1a0dc",
-  "private_key_id": "1bcd4736d7318593b2fc13f7ae72c4b67d398f90",
-  "private_key": "-----BEGIN PRIVATE KEY-----\nMIIEvAIBADANBgkqhkiG9w0BAQEFAASCBKYwggSiAgEAAoIBAQDvHNgBOp8x9md0\nOHEijed/F5kMk3WoUBUI0UQIuJxYIHi5VPeDX6kQpyJ4EPv19W+Dh6fQUBnq9Wdl\nA5HDx/cHO4WuYi+/uZ/M/mjcbVjMf3cO5a2fHXsWJOb18A4tYdTjJ0jP0OfmF8v0\np1vp2noDcsz/aQFqGBcKcV3+WIcW08xHF6tuhf745ahGyRZKsvPmDuR5+fm5A2W4\nEVgkCC3C0jXrgsBIeh/RWh/LuKGbnibft9SwtfY6QSo/654ArwZeDhq4qWvC65PF\nHTiFty2sIaCv3lSTbwknjXU2HStXWorOU3/xX/cISuy5mbtP4Z7nuwESt7zpTIy9\n7sYRE4BbAgMBAAECggEAVG02x5hPRXDfLmYPbEf2iSVn4MzgKkG8a5SYFQw6B9PP\nTID3s+c+5qZcwVAd5sZ2TVbEpgTiYdesXjpYaWxdiKw3k08P1P5RsivSEqJ5TBtl\nilkGaLwcDcGR2xybpOJ6LIpeZyI3/0I/vW6qQXPmyPjr8PK+kRtYZ1OIAJp5eFE5\ng2knnkfeu+QI/GJnVlO2NPlQNR3fBEuOE5+qzbHwipcWi9WILEhJdeXGpNglky6Y\nPMak+mjiVFB57wZDLmnJkUyKdKi9APbtrnlEmaazLJgMaa2wW/4zqzrnG5G+kiik\nFNWhVJ4qzytqPbisuEx0woDWcFh/7/J7kSmb5YrxIQKBgQD4v/C4A6Fn7uVgB6Wt\nmOKK0GROpTcJWGav8BxUbiSgQjm7wjDeRsMzfEN14iuLpNF2cO7eWPHN/ArYxKt0\nBtMYJ4z9t7qxlQBxcIAXLki6vn5HUHKwg9KhHPCq8/SZAI3iGJu5ykuF+ICcQFuy\nuce9vPEG5cUrWdB9uty1+zIprQKBgQD2FP7pxtrjMzaz88iEhXCCeliHPsRl1+6u\n+a1uefaDJDNkZrJxAqOFdzcu5+1aKhYQ6O8Woqo3ldhYepWt7dsiWjFUN6MriP2a\nMdfRsv9SdHB980nl49Eos1F9rKoecXK2og0GP93igo5s3v2TN9/xBWDHZ66jWFHC\nPPCNVD6jJwKBgGMi5AYCdGZeoI3oHlCUWN0n9oIdeFTCJZLC6BeCGhjArA+3chB0\nNUGkqaImtGIgGtbQZXK6EgydAZmosAg63BCJWriXa9FwZ8/OHU6fxJ6gYuV7G2pb\n7ysExKntNjNwNBvC4PVnuTe4dVFQmPse7Ysh7RFpq23+iohBW8svRKu1AoGAPo5P\nzvXyJteaDFzomGejlkerwZW/L3SZBHoMEI2IkQXe2qMQsZHOJ9uKd64VtFoGif3s\n6YAobUD2YmenLTPOBQmQiKwsGqEUduI8zt4F8dwPzLTQEFS9ku8ixCPkiyCj3LGN\nRg1uRmqR8jMtmwMVNpv7YjWFO5j0D8CWFhdYZPkCgYBK2GxCnvDhUxSfxcC6QEBP\nQ/1dF01OT81nmW2zvnEMezDeHWJWsE4d9xhPmrhHpPUCdr3Ch4C2tT42GJ4H0IH5\nDDM1WmfsQ7qtxRP+RlXBkqfxtFIwAoGsr9Es4+memNyFou42QtaipjQpWVatmx39\nflAAR5JW+nBxRJTp68bxRw==\n-----END PRIVATE KEY-----\n",
+  "private_key_id": "67e9ed53ec55dc41ccd1b356697249bacc29429a",
+  "private_key": "-----BEGIN PRIVATE KEY-----\nMIIEvQIBADANBgkqhkiG9w0BAQEFAASCBKcwggSjAgEAAoIBAQC/ACFfwNbBegEd\nb3gggrLqgP0H0mQk/e8NCQxU2D03F9Q56svw3WnYxrgtIdbSbpIMpHs2MTK5czPL\nbrrL29VIAASNN/kpbI0wGBhjJIVLGhioEK7JJqiDPwGeegydVoS54HCZyCP0AIpp\n+Rz8GwVJbiHAWJ0BB/g9zsOjUalE8fGrVpEkw/y24dnac6nXb3Rs7RkqDp7xWsXB\n+6l6l7P02XMSa+qrWInKcjsND/dxPd2TCcEcA0d06MgzjfHxsB5eK1wxoSvgcCOw\nIYjUWsHfdtMxsKBotZr/xlKfxKni5x+mYpr08+ib79jN1Kl4or31ZQ/5nYvApQQy\nHneXGF9pAgMBAAECggEAOeT3OMgCEIlDt0Fnfys+wjgw+mL6egACqsfYVgtpmr59\nVMTn5m2mvM+XWg7Mx+I+INjmhAmrn2zdAUfiFRLgdj+TIZ8axkSiEzbqhXq3cIlL\nef38jPpLz+SUQA4srrBf8NuoJeT1iOt1CSQ6dexW0OgyENSLWpmo1EtNH78L+Np7\nUyV9YXxMbGt17sHh7X+uCcc3MX/rZitGWmJ4qYdAVHTMBvP5LgVohSH8xe//QEd8\nFlQ4JufPB6sX0LmCQcNhWqhEDDSFmswkt6FfAKQ6XOJoquXhP5yaQwqZdXAPvhFn\nGSBe6ILHtddArb9CTMCgityoUXe8S1G67cNW+hSPNQKBgQDjuIvPWbpJJn5YXRbn\n5Kv08AGlYDXHykKdUldt0ub5h6T0d1OZS/NBw98sFtNuBCTMLWHxkAtyPbiZwDmG\nOsOGtGrJ+jUfbA+VqKFm/hkfEtJmsr0nmOuf/Kmr2KMQntL5flLgdW04wVZKKoc7\nQXR5K8UZbH5dUP2JurGIpg0CJwKBgQDWuDXNauEbzC+RFIQk8POfvPpJHEVPv3y4\npVgIG2qmjwGIfk4yV0GhBCh1YC7wSVpSrA2cmlZsl8ZLtNE39PeBllLUUhc96SY/\nWCIdCvYRC83prRehg+zatYVqjnXglLKk2sJeEv71VSE5hPRUTLdA6kpxVjxFODoa\nc7yDjITb7wKBgQCmWO84nvEn8oilAAt1hmPe31w0dF2U/rk+tyHKxh+X9HCZbHmT\nKBog1na2fE4itcAzros3rOPPpiqtle/vkAm44x6HQNGBjKytxKty0veC7XrpLnRi\n8qBdFHLVZ8FmqL6xJohgEyegKAtizkJPFPeCdGjcs5ZzkHBFJi3+Bl7GTQKBgF4V\nIR388t3nPgBn6O721QjtGQ3n4UbsNI4DhOsoeDa6+oUAMutD6HHRDJlBp8+JlJYc\n5Wn1BmFWr4CEnhfSspCJeYmm3qA2BJhE2c23+9HERllZir0uvR2n4+moumXJQe2S\nHRBzalu9DW3Sn+xAIRvEjRHUI1yBIpRsmfFaJOzpAoGANm6U0FtdWvpUEc6hIBct\nd6QgqxDpjf8/F46kMzMguRwA7eN6McVDGek4WHLaL3C7FNE8ylB4ijOMVndFV08z\nXYsxaDCQvhJOSqa3aGPR4nqPCW6y80cQ19SM7a2+nvgBzS10K4AEWzncgk4r7kvF\nDdaHM9G8gx9jBET4x9yvbw4=\n-----END PRIVATE KEY-----\n",
   "client_email": "firebase-adminsdk-5kohs@nextjs--clone-1a0dc.iam.gserviceaccount.com",
   "client_id": "109334100660714579763",
   "auth_uri": "https://accounts.google.com/o/oauth2/auth",

pages/orders.js

@@ -0,0 +1,25 @@
+import React from "react";
+import Header from "../components/Header";
+import { useRouter } from "next/router";
+import Head from "next/head";
+
+function Orders({ orders }) {
+    // const { data: session } = useSession();
+  return (
+    <>
+      <Header />
+      <div className="bg-gray-100 h-screen mt-28">
+        <Head>
+          <title>Orders</title>
+        </Head>
+        <main className="max-w-screen-lg mx-auto p-10">
+          <h1 className="text-3xl border-b mb-2 pb-1 border-yellow-400">
+            Your Orders
+          </h1>
+        </main>
+      </div>
+    </>
+  );
+}
+
+export default Orders;

pages/success.js

@@ -0,0 +1,44 @@
+import { CheckCircleIcon } from "@heroicons/react/24/outline";
+import React from "react";
+import Header from "../components/Header";
+import { useRouter } from "next/router";
+import Head from "next/head";
+
+function success() {
+  const router = useRouter();
+
+  return (
+    <>
+      <Header />
+      <div className="bg-gray-100 h-screen mt-28">
+        <Head>
+          <title>Order Confirmed</title>
+        </Head>
+        <main className="max-w-screen-lg mx-auto">
+          <div className="flex flex-col p-10 bg-white">
+            <div className="flex items-center space-x-2 mb-5">
+              <CheckCircleIcon className="h-10 text-green-500" />
+
+              <h1 className="text-3xl">
+                Thank you, your order has been confirmed!
+              </h1>
+            </div>
+            <p>
+              Thank you for shopping with us. We'll send a confirmation once
+              your item has shipped, if you would like to check the status of
+              your order(s) please press the link below.
+            </p>
+            <button
+              className="button mt-8"
+              onClick={() => router.push("/orders")}
+            >
+              Go to my orders
+            </button>
+          </div>
+        </main>
+      </div>
+    </>
+  );
+}
+
+export default success;