Merge pull request #74 from Williams-RE/test-workflow

chore: add build to repo

.gitignore

@@ -7,5 +7,4 @@ node_modules/
 playwright-report
 test-results
 .env
-build/
 .DS_Store

build/118.8b6cc7c8284f76162b46.js.LICENSE.txt

@@ -0,0 +1,72 @@
+/**
+ * @license React
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * scheduler.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @remix-run/router v1.21.0
+ *
+ * Copyright (c) Remix Software Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
+
+/**
+ * React Router DOM v6.28.0
+ *
+ * Copyright (c) Remix Software Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
+
+/**
+ * React Router v6.28.0
+ *
+ * Copyright (c) Remix Software Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */

build/514.8e5a8904042d7f174b78.css

@@ -0,0 +1,75 @@
+.login-container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+  background-color: var(--primary-color);
+  width: 100%;
+}
+
+.login-form {
+  background-color: white;
+  padding: 2rem;
+  border-radius: 10px;
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+  width: 100%;
+  max-width: 400px;
+}
+
+.login-form h2 {
+  margin-bottom: 1.5rem;
+  color: var(--tertiary-color);
+  text-align: center;
+}
+
+.input-group {
+  margin-bottom: 1rem;
+  margin-right: 1rem;
+}
+
+.input-group label {
+  display: block;
+  margin-bottom: 0.5rem;
+  color: var(--tertiary-color);
+  text-align: left;
+}
+
+.input-group input {
+  width: 100%;
+  padding: 0.75rem;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  font-size: 1rem;
+}
+
+.login-button {
+  width: 100%;
+  padding: 0.75rem;
+  background-color: var(--secondary-color);
+  color: white;
+  border: none;
+  border-radius: 4px;
+  font-size: 1rem;
+  cursor: pointer;
+  transition: background-color 0.3s ease;
+}
+
+.login-button:hover {
+  background-color: var(--tertiary-color);
+}
+
+.error-message {
+  color: #d32f2f;
+  text-align: center;
+  margin-bottom: 1rem;
+}
+.page-title {
+  font-size: 40px;
+}
+
+@media (max-width: 480px) {
+  .login-form {
+    padding: 1.5rem;
+  }
+}
+

build/562.ed5116447e6ebea13770.css

@@ -0,0 +1,161 @@
+.table-container {
+  margin-bottom: 40px; /* Add space below the table */
+}
+
+.buyer-broker-table {
+  border-collapse: collapse;
+  background-color: rgba(255, 255, 255, 0.6); /* Semi-transparent background */
+  backdrop-filter: blur(10px); /* Blur effect */
+  border-radius: 10px; /* Optional: Add rounded corners for a better effect */
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Optional: Add a subtle shadow */
+}
+
+.table-header {
+  padding: 12px;
+  text-align: left;
+  background-color: rgba(
+    243,
+    244,
+    246,
+    0.7
+  ); /* Semi-transparent header background */
+  color: #6b7280;
+  font-weight: 600;
+  font-size: 0.875rem;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+
+.table-cell {
+  padding: 12px;
+  border-bottom: 1px solid rgba(229, 231, 235, 0.7); /* Semi-transparent border */
+}
+
+.buyer-broker-table tbody tr:hover {
+  background-color: rgba(
+    249,
+    250,
+    251,
+    0.8
+  ); /* Slightly more opaque on hover */
+}
+
+.table-footer-space {
+  height: 60px; /* Additional space after the table */
+}
+
+.button {
+  padding: 8px 12px;
+  border-radius: 10px;
+  font-size: 14px;
+  margin: 0 5px;
+  cursor: pointer;
+  transition: background-color 0.3s ease;
+}
+
+.button:hover {
+  background-color: #0056b3;
+}
+
+.button.cancel {
+  background-color: #6c757d;
+  color: white;
+}
+
+.button.delete {
+  background-color: #dc3545;
+  color: white;
+}
+
+.button.cancel:hover,
+.button.delete:hover {
+  opacity: 0.85;
+}
+
+@media (max-width: 768px) {
+  .table-header,
+  .table-cell {
+    font-size: 0.6rem;
+    text-align: left;
+    word-wrap: break-word;
+  }
+  .table-container {
+    overflow-x: visible;
+    width: 90%;
+  }
+  .buyer-broker-table {
+    width: 70%;
+    /* border-collapse: collapse; */
+    background-color: rgba(255, 255, 255, 0.6);
+    backdrop-filter: blur(10px); /* Blur effect */
+    border-radius: 10px; /* Optional: Add rounded corners for a better effect */
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Optional: Add a subtle shadow */
+  }
+  .buyer-broker-table thead {
+    position: sticky;
+    top: 0;
+    background-color: rgba(255, 255, 255, 0.9); /* Ensures header is readable */
+  }
+
+  /* No email shown in */
+  .email-column,
+  td[data-label="Email"] {
+    display: none;
+  }
+}
+
+.page-title {
+  font-size: 50px;
+}
+
+.child-text {
+  font-size: large;
+  font-weight: 350;
+  padding-bottom: 3vh;
+  width: 80%;
+  line-height: 1.5;
+  text-align: center;
+}
+
+/* Initial state for the component when it's loading */
+.listings-manager-loading {
+  opacity: 0;
+  transition: opacity 1.5s ease-in-out; /* Transition for gradual fade-in */
+}
+
+/* Final state for the component once it's loaded */
+.listings-manager-loaded {
+  opacity: 1;
+  animation: fadeInLayers 1.5s ease-in-out forwards;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+}
+
+/* Keyframes for the layered fade-in effect */
+@keyframes fadeInLayers {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+@media screen and (max-width: 768px) {
+  .page-title {
+    font-size: 40px;
+    text-align: center;
+  }
+  .child-text {
+    font-size: medium;
+    text-align: center;
+    width: 80%;
+  }
+
+  .listings-manager-loaded {
+    width: fit-content;
+  }
+}
+