Change branding; test live API

lib/components/icons/NavbarIcons.tsx

@@ -1,104 +1,8 @@
 import { FC } from 'react';
+import Image from "next/image";
 
 export const NowcastingLogo: FC = () => (
-  <svg
-    width="124"
-    height="52"
-    viewBox="0 0 124 52"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    className="absolute left-1/2 -translate-x-1/2"
-  >
-    <path
-      d="M24.3666 30.0543H22.8948L19.338 25.0116H19.2971V30.0543H17.58V22.0264H19.0927L22.6086 27.069H22.6904V22.0264H24.4075L24.3666 30.0543Z"
-      fill="white"
-    />
-    <path
-      d="M45.7079 22.0264H47.5885L48.9377 27.5935H49.0195L50.4913 22.0264H52.0857L53.5575 27.5935H53.6393L54.9885 22.0264H56.8691L54.5387 30.0543H52.8625L51.3089 24.8099H51.2272L49.6736 30.0543H47.9974L45.7079 22.0264Z"
-      fill="white"
-    />
-    <path
-      d="M64.7597 24.5275C64.5144 23.398 63.5741 22.8332 62.4702 22.8332C60.9984 22.8332 59.8536 23.9627 59.8536 26.0605C59.8536 28.1582 60.9984 29.2878 62.4702 29.2878C63.5332 29.2878 64.5144 28.6827 64.7597 27.5935H65.7409C65.4547 29.2475 64.1055 30.2157 62.4702 30.2157C60.3851 30.2157 58.8724 28.6423 58.8724 26.1008C58.8724 23.5593 60.3851 21.986 62.4702 21.986C64.1055 21.986 65.4547 22.9542 65.7409 24.6082H64.7597V24.5275Z"
-      fill="white"
-    />
-    <path
-      d="M66.395 30.0543L69.3795 22.0264H70.4016L73.3861 30.0543H72.364L71.5464 27.7952H68.2757L67.458 30.0543H66.395ZM71.2193 26.9077L69.911 23.277H69.8292L68.521 26.9077H71.2193Z"
-      fill="white"
-    />
-    <path
-      d="M77.1474 22.7928C76.0844 22.7928 75.3485 23.3576 75.3485 24.1241C75.3485 24.9713 76.3297 25.294 76.9021 25.4554L77.7198 25.6571C78.5783 25.8588 80.0093 26.3429 80.0093 27.8759C80.0093 29.1668 78.9463 30.1753 77.0656 30.1753C75.3076 30.1753 74.2447 29.2878 74.1629 27.9565H75.185C75.2668 28.8844 76.1253 29.2878 77.1065 29.2878C78.2513 29.2878 79.1098 28.723 79.1098 27.8355C79.1098 27.0287 78.333 26.7463 77.4745 26.5042L76.4933 26.2219C75.2259 25.8588 74.4491 25.2133 74.4491 24.1241C74.4491 22.7928 75.6756 21.865 77.2292 21.865C78.7828 21.865 79.9275 22.7525 79.9684 23.9627H79.0281C78.8645 23.2366 78.1286 22.7928 77.1474 22.7928Z"
-      fill="white"
-    />
-    <path
-      d="M80.9905 22.0264H87.0821V22.8735H84.5473V30.014H83.5661V22.8735H81.0314L80.9905 22.0264Z"
-      fill="white"
-    />
-    <path d="M89.4534 30.0543H88.4722V22.0264H89.4534V30.0543Z" fill="white" />
-    <path
-      d="M97.8754 30.0543H96.9351L92.5196 23.761H92.4379V30.0543H91.4567V22.0264H92.397L96.8533 28.3196H96.9351V22.0264H97.9163L97.8754 30.0543Z"
-      fill="white"
-    />
-    <path
-      d="M103.068 22.8332C101.637 22.8332 100.451 23.9627 100.451 26.0605C100.451 28.1582 101.596 29.2878 103.108 29.2878C104.499 29.2878 105.439 28.36 105.48 26.948H103.354V26.1008H106.461V26.948C106.461 28.9247 105.071 30.2157 103.149 30.2157C100.983 30.2157 99.5107 28.6423 99.5107 26.1008C99.5107 23.5593 100.983 21.986 103.068 21.986C104.785 21.986 106.093 23.0349 106.42 24.6082H105.398C105.03 23.4787 104.253 22.8332 103.068 22.8332Z"
-      fill="white"
-    />
-    <path
-      d="M35.3234 34.6532C40.1886 34.6532 44.1134 30.7805 44.1134 25.9798C44.1134 21.1792 40.1886 17.3065 35.3234 17.3065C30.4583 17.3065 26.5334 21.1792 26.5334 25.9798C26.5334 30.7805 30.4583 34.6532 35.3234 34.6532Z"
-      fill="#FFC629"
-    />
-    <g clipPath="url(#clip0_209_853)">
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M88.2498 36.0702C88.3908 36.2094 88.3908 36.4351 88.2498 36.5743L85.2448 39.5408L88.1672 42.4257C88.3082 42.5649 88.3082 42.7907 88.1672 42.9299C88.0262 43.0691 87.7976 43.0691 87.6565 42.9299L84.4788 39.7928C84.411 39.726 84.373 39.6353 84.373 39.5408C84.373 39.4462 84.411 39.3555 84.4788 39.2887L87.7391 36.0702C87.8801 35.931 88.1087 35.931 88.2498 36.0702Z"
-        fill="white"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M98.7736 36.0702C98.9146 36.2094 98.9146 36.4351 98.7736 36.5743L95.7686 39.5408L98.691 42.4257C98.832 42.5649 98.832 42.7907 98.691 42.9299C98.55 43.0691 98.3214 43.0691 98.1803 42.9299L95.0026 39.7928C94.9348 39.726 94.8968 39.6353 94.8968 39.5408C94.8968 39.4462 94.9348 39.3555 95.0026 39.2887L98.2629 36.0702C98.4039 35.931 98.6325 35.931 98.7736 36.0702Z"
-        fill="white"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M104.087 36.0702C104.228 36.2094 104.228 36.4351 104.087 36.5743L100.827 39.7928C100.686 39.932 100.457 39.932 100.316 39.7928C100.175 39.6536 100.175 39.4279 100.316 39.2887L103.576 36.0702C103.717 35.931 103.946 35.931 104.087 36.0702Z"
-        fill="white"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M105.738 37.6998C105.879 37.839 105.879 38.0647 105.738 38.2039L103.86 40.0577C103.719 40.1969 103.49 40.1969 103.349 40.0577C103.208 39.9184 103.208 39.6927 103.349 39.5535L105.227 37.6998C105.368 37.5606 105.597 37.5606 105.738 37.6998Z"
-        fill="white"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M100.316 39.2891C100.456 39.1496 100.685 39.1493 100.826 39.2883L104.014 42.4253C104.156 42.5643 104.156 42.79 104.015 42.9294C103.874 43.0689 103.646 43.0693 103.505 42.9303L100.316 39.7932C100.175 39.6542 100.175 39.4285 100.316 39.2891Z"
-        fill="white"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M89.6685 36.0702C89.8095 35.931 90.0381 35.931 90.1791 36.0702L93.4395 39.2887C93.5072 39.3555 93.5452 39.4462 93.5452 39.5408C93.5452 39.6353 93.5072 39.726 93.4395 39.7928L90.2617 42.9299C90.1207 43.0691 89.892 43.0691 89.751 42.9299C89.61 42.7907 89.61 42.5649 89.751 42.4257L92.6734 39.5408L89.6685 36.5743C89.5274 36.4351 89.5274 36.2094 89.6685 36.0702Z"
-        fill="white"
-      />
-    </g>
-    <path
-      d="M44.4602 42.2273V37.7273H44.946V38.2472H45.0057C45.0426 38.1903 45.0938 38.1179 45.1591 38.0298C45.2259 37.9403 45.321 37.8608 45.4446 37.7912C45.5696 37.7202 45.7386 37.6847 45.9517 37.6847C46.2273 37.6847 46.4702 37.7536 46.6804 37.8913C46.8906 38.0291 47.0547 38.2244 47.1726 38.4773C47.2905 38.7301 47.3494 39.0284 47.3494 39.3722C47.3494 39.7188 47.2905 40.0192 47.1726 40.2734C47.0547 40.5263 46.8913 40.7223 46.6825 40.8615C46.4737 40.9993 46.233 41.0682 45.9602 41.0682C45.75 41.0682 45.5817 41.0334 45.4553 40.9638C45.3288 40.8928 45.2315 40.8125 45.1634 40.723C45.0952 40.6321 45.0426 40.5568 45.0057 40.4972H44.9631V42.2273H44.4602ZM44.9545 39.3636C44.9545 39.6108 44.9908 39.8288 45.0632 40.0178C45.1357 40.2053 45.2415 40.3523 45.3807 40.4588C45.5199 40.5639 45.6903 40.6165 45.892 40.6165C46.1023 40.6165 46.2777 40.5611 46.4183 40.4503C46.5604 40.3381 46.6669 40.1875 46.7379 39.9986C46.8104 39.8082 46.8466 39.5966 46.8466 39.3636C46.8466 39.1335 46.8111 38.9261 46.7401 38.7415C46.6705 38.5554 46.5646 38.4084 46.4226 38.3004C46.282 38.1911 46.1051 38.1364 45.892 38.1364C45.6875 38.1364 45.5156 38.1882 45.3764 38.2919C45.2372 38.3942 45.1321 38.5376 45.0611 38.7223C44.9901 38.9055 44.9545 39.1193 44.9545 39.3636ZM49.446 41.0682C49.1506 41.0682 48.8913 40.9979 48.6683 40.8572C48.4467 40.7166 48.2734 40.5199 48.1484 40.267C48.0249 40.0142 47.9631 39.7187 47.9631 39.3807C47.9631 39.0398 48.0249 38.7422 48.1484 38.4879C48.2734 38.2337 48.4467 38.0362 48.6683 37.8956C48.8913 37.755 49.1506 37.6847 49.446 37.6847C49.7415 37.6847 50 37.755 50.2216 37.8956C50.4446 38.0362 50.6179 38.2337 50.7415 38.4879C50.8665 38.7422 50.929 39.0398 50.929 39.3807C50.929 39.7187 50.8665 40.0142 50.7415 40.267C50.6179 40.5199 50.4446 40.7166 50.2216 40.8572C50 40.9979 49.7415 41.0682 49.446 41.0682ZM49.446 40.6165C49.6705 40.6165 49.8551 40.5589 50 40.4439C50.1449 40.3288 50.2521 40.1776 50.3217 39.9901C50.3913 39.8026 50.4261 39.5994 50.4261 39.3807C50.4261 39.1619 50.3913 38.9581 50.3217 38.7692C50.2521 38.5803 50.1449 38.4276 50 38.3111C49.8551 38.1946 49.6705 38.1364 49.446 38.1364C49.2216 38.1364 49.0369 38.1946 48.892 38.3111C48.7472 38.4276 48.6399 38.5803 48.5703 38.7692C48.5007 38.9581 48.4659 39.1619 48.4659 39.3807C48.4659 39.5994 48.5007 39.8026 48.5703 39.9901C48.6399 40.1776 48.7472 40.3288 48.892 40.4439C49.0369 40.5589 49.2216 40.6165 49.446 40.6165ZM52.3267 41L51.3295 37.7273H51.858L52.5653 40.233H52.5994L53.2983 37.7273H53.8352L54.5256 40.2244H54.5597L55.267 37.7273H55.7955L54.7983 41H54.304L53.5881 38.4858H53.5369L52.821 41H52.3267ZM57.7211 41.0682C57.4057 41.0682 57.1337 40.9986 56.905 40.8594C56.6777 40.7188 56.5023 40.5227 56.3787 40.2713C56.2566 40.0185 56.1955 39.7244 56.1955 39.3892C56.1955 39.054 56.2566 38.7585 56.3787 38.5028C56.5023 38.2457 56.6742 38.0455 56.8944 37.902C57.1159 37.7571 57.3745 37.6847 57.6699 37.6847C57.8404 37.6847 58.0087 37.7131 58.1749 37.7699C58.3411 37.8267 58.4924 37.919 58.6287 38.0469C58.7651 38.1733 58.8738 38.3409 58.9547 38.5497C59.0357 38.7585 59.0762 39.0156 59.0762 39.321V39.5341H56.5534V39.0994H58.5648C58.5648 38.9148 58.5279 38.75 58.454 38.6051C58.3816 38.4602 58.2779 38.3459 58.1429 38.2621C58.0094 38.1783 57.8517 38.1364 57.6699 38.1364C57.4696 38.1364 57.2963 38.1861 57.15 38.2855C57.0051 38.3835 56.8936 38.5114 56.8155 38.669C56.7374 38.8267 56.6983 38.9957 56.6983 39.1761V39.4659C56.6983 39.7131 56.7409 39.9226 56.8262 40.0945C56.9128 40.2649 57.0328 40.3949 57.1863 40.4844C57.3397 40.5724 57.5179 40.6165 57.7211 40.6165C57.8532 40.6165 57.9725 40.598 58.079 40.5611C58.187 40.5227 58.28 40.4659 58.3581 40.3906C58.4363 40.3139 58.4966 40.2187 58.5392 40.1051L59.025 40.2415C58.9739 40.4062 58.888 40.5511 58.7672 40.6761C58.6465 40.7997 58.4973 40.8963 58.3198 40.9659C58.1422 41.0341 57.9426 41.0682 57.7211 41.0682ZM59.8411 41V37.7273H60.3269V38.2216H60.361C60.4206 38.0597 60.5286 37.9283 60.6848 37.8274C60.8411 37.7266 61.0172 37.6761 61.2132 37.6761C61.2502 37.6761 61.2963 37.6768 61.3517 37.6783C61.4071 37.6797 61.449 37.6818 61.4775 37.6847V38.196C61.4604 38.1918 61.4213 38.1854 61.3603 38.1768C61.3006 38.1669 61.2374 38.1619 61.1706 38.1619C61.0115 38.1619 60.8695 38.1953 60.7445 38.2621C60.6209 38.3274 60.5229 38.4183 60.4505 38.5348C60.3794 38.6499 60.3439 38.7812 60.3439 38.929V41H59.8411ZM63.3461 41.0682C63.0307 41.0682 62.7587 40.9986 62.53 40.8594C62.3027 40.7188 62.1273 40.5227 62.0037 40.2713C61.8816 40.0185 61.8205 39.7244 61.8205 39.3892C61.8205 39.054 61.8816 38.7585 62.0037 38.5028C62.1273 38.2457 62.2992 38.0455 62.5194 37.902C62.7409 37.7571 62.9995 37.6847 63.2949 37.6847C63.4654 37.6847 63.6337 37.7131 63.7999 37.7699C63.9661 37.8267 64.1174 37.919 64.2537 38.0469C64.3901 38.1733 64.4988 38.3409 64.5797 38.5497C64.6607 38.7585 64.7012 39.0156 64.7012 39.321V39.5341H62.1784V39.0994H64.1898C64.1898 38.9148 64.1529 38.75 64.079 38.6051C64.0066 38.4602 63.9029 38.3459 63.7679 38.2621C63.6344 38.1783 63.4767 38.1364 63.2949 38.1364C63.0946 38.1364 62.9213 38.1861 62.775 38.2855C62.6301 38.3835 62.5186 38.5114 62.4405 38.669C62.3624 38.8267 62.3233 38.9957 62.3233 39.1761V39.4659C62.3233 39.7131 62.3659 39.9226 62.4512 40.0945C62.5378 40.2649 62.6578 40.3949 62.8113 40.4844C62.9647 40.5724 63.1429 40.6165 63.3461 40.6165C63.4782 40.6165 63.5975 40.598 63.704 40.5611C63.812 40.5227 63.905 40.4659 63.9831 40.3906C64.0613 40.3139 64.1216 40.2187 64.1642 40.1051L64.65 40.2415C64.5989 40.4062 64.513 40.5511 64.3922 40.6761C64.2715 40.7997 64.1223 40.8963 63.9448 40.9659C63.7672 41.0341 63.5676 41.0682 63.3461 41.0682ZM66.7019 41.0682C66.4292 41.0682 66.1884 40.9993 65.9796 40.8615C65.7708 40.7223 65.6074 40.5263 65.4895 40.2734C65.3716 40.0192 65.3127 39.7188 65.3127 39.3722C65.3127 39.0284 65.3716 38.7301 65.4895 38.4773C65.6074 38.2244 65.7715 38.0291 65.9817 37.8913C66.1919 37.7536 66.4348 37.6847 66.7104 37.6847C66.9235 37.6847 67.0918 37.7202 67.2154 37.7912C67.3404 37.8608 67.4355 37.9403 67.5009 38.0298C67.5676 38.1179 67.6195 38.1903 67.6564 38.2472H67.699V36.6364H68.2019V41H67.7161V40.4972H67.6564C67.6195 40.5568 67.5669 40.6321 67.4988 40.723C67.4306 40.8125 67.3333 40.8928 67.2069 40.9638C67.0804 41.0334 66.9121 41.0682 66.7019 41.0682ZM66.7701 40.6165C66.9718 40.6165 67.1422 40.5639 67.2814 40.4588C67.4206 40.3523 67.5265 40.2053 67.5989 40.0178C67.6713 39.8288 67.7076 39.6108 67.7076 39.3636C67.7076 39.1193 67.6721 38.9055 67.601 38.7223C67.53 38.5376 67.4249 38.3942 67.2857 38.2919C67.1465 38.1882 66.9746 38.1364 66.7701 38.1364C66.557 38.1364 66.3794 38.1911 66.2374 38.3004C66.0968 38.4084 65.9909 38.5554 65.9199 38.7415C65.8503 38.9261 65.8155 39.1335 65.8155 39.3636C65.8155 39.5966 65.851 39.8082 65.9221 39.9986C65.9945 40.1875 66.101 40.3381 66.2417 40.4503C66.3837 40.5611 66.5598 40.6165 66.7701 40.6165ZM70.9483 41V36.6364H71.4512V38.2472H71.4938C71.5307 38.1903 71.5819 38.1179 71.6472 38.0298C71.714 37.9403 71.8091 37.8608 71.9327 37.7912C72.0577 37.7202 72.2267 37.6847 72.4398 37.6847C72.7154 37.6847 72.9583 37.7536 73.1685 37.8913C73.3787 38.0291 73.5428 38.2244 73.6607 38.4773C73.7786 38.7301 73.8375 39.0284 73.8375 39.3722C73.8375 39.7188 73.7786 40.0192 73.6607 40.2734C73.5428 40.5263 73.3794 40.7223 73.1706 40.8615C72.9618 40.9993 72.7211 41.0682 72.4483 41.0682C72.2381 41.0682 72.0698 41.0334 71.9434 40.9638C71.8169 40.8928 71.7196 40.8125 71.6515 40.723C71.5833 40.6321 71.5307 40.5568 71.4938 40.4972H71.4341V41H70.9483ZM71.4426 39.3636C71.4426 39.6108 71.4789 39.8288 71.5513 40.0178C71.6238 40.2053 71.7296 40.3523 71.8688 40.4588C72.008 40.5639 72.1784 40.6165 72.3801 40.6165C72.5904 40.6165 72.7658 40.5611 72.9064 40.4503C73.0485 40.3381 73.155 40.1875 73.226 39.9986C73.2985 39.8082 73.3347 39.5966 73.3347 39.3636C73.3347 39.1335 73.2992 38.9261 73.2282 38.7415C73.1586 38.5554 73.0527 38.4084 72.9107 38.3004C72.7701 38.1911 72.5932 38.1364 72.3801 38.1364C72.1756 38.1364 72.0037 38.1882 71.8645 38.2919C71.7253 38.3942 71.6202 38.5376 71.5492 38.7223C71.4782 38.9055 71.4426 39.1193 71.4426 39.3636ZM74.8134 42.2273C74.7282 42.2273 74.6522 42.2202 74.5854 42.206C74.5186 42.1932 74.4725 42.1804 74.4469 42.1676L74.5748 41.7244C74.6969 41.7557 74.8049 41.767 74.8986 41.7585C74.9924 41.75 75.0755 41.7081 75.1479 41.6328C75.2218 41.5589 75.2892 41.4389 75.3503 41.2727L75.4441 41.017L74.2338 37.7273H74.7793L75.6827 40.3352H75.7168L76.6202 37.7273H77.1657L75.7765 41.4773C75.714 41.6463 75.6365 41.7862 75.5442 41.897C75.4519 42.0092 75.3446 42.0923 75.2225 42.1463C75.1017 42.2003 74.9654 42.2273 74.8134 42.2273Z"
-      fill="white"
-    />
-    <defs>
-      <clipPath id="clip0_209_853">
-        <rect
-          width="26"
-          height="11"
-          fill="white"
-          transform="translate(82 34)"
-        />
-      </clipPath>
-    </defs>
-  </svg>
+  <Image src={"/quartz-logo.svg"} alt={'Quartz logo'} width={124} height={52} />
 );
 
 export const HamburgerIcon: FC = () => (

lib/components/navigation/NavBar.tsx

@@ -45,7 +45,7 @@ const NavBar: FC = () => {
     <>
       <SideBar open={isSideBarOpen} onClose={() => setIsSideBarOpen(false)} />
       <div
-        className={`mx-auto flex h-[var(--nav-height)] w-screen bg-ocf-black ${
+        className={`mx-auto relative flex h-[var(--nav-height)] w-screen bg-ocf-black ${
           user ? 'justify-between' : 'justify-center'
         } px-5 md:my-2`}
       >
@@ -56,13 +56,13 @@ const NavBar: FC = () => {
               isSideBarOpen || sites.length === 0
                 ? 'pointer-events-none opacity-0'
                 : 'opacity-100'
-            } invisible flex flex-col justify-center text-gray-600 transition-all md:visible`}
+            } invisible flex flex-col justify-center text-gray-600 transition-all z-10 md:visible`}
           >
             <HamburgerIcon />
           </button>
         )}
-        <NowcastingLogo />
-        <div className="invisible hidden flex-row items-center justify-center  md:visible md:flex">
+        <div className="absolute inset-0 flex items-center justify-center"><NowcastingLogo /></div>
+        <div className="invisible hidden flex-row items-center justify-center z-10 md:visible md:flex">
           <NavbarLink
             title="Dashboard"
             href={

lib/sites.ts

@@ -22,7 +22,7 @@ export function useSites() {
   );
 
   // TODO: Paginate this globally somehow. Right now there is too much site data being fetched on the aggregate dashboard
-  return { sites: sites?.site_list?.slice(0, 100) ?? [], error, isLoading };
+  return { sites: sites?.site_list?.slice(0, 3) ?? [], error, isLoading };
 }
 
 /**
@@ -52,7 +52,7 @@ export function getPreferredSiteName(site: Site) {
  * @return Aggregated predictions sorted by datetime
  */
 export function useSitesGeneration(sites: Site[]) {
-  const siteUUIDs = sites.map((site) => site.site_uuid);
+  const siteUUIDs = sites.slice(0,3).map((site) => site.site_uuid);
 
   const {
     data: manyForecastData,
@@ -194,18 +194,18 @@ export function withSites({ getServerSideProps }: WithSitesOptions = {}) {
         };
       }
 
-      const { site_list: allSites } = (await fetch(
+      const { site_list: allSites }: { site_list: Site[] } = (await fetch(
         `${process.env.NEXT_PUBLIC_API_BASE_URL_GET}/sites`,
         {
           headers: {
             Authorization: `Bearer ${accessToken.accessToken}`,
           },
           credentials: 'include',
         }
-      ).then((res) => res.json())) as { site_list: Site[] };
+      ).then((res) => res.json()));
 
       // TODO: Paginate this globally somehow. Right now there is too much site data being fetched on the aggregate dashboard
-      const sites = allSites.slice(0, 100);
+      const sites = allSites.slice(0, 3);
 
       const otherProps: any = await getServerSideProps?.({
         ...ctx,

package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "next dev",
+    "dev": "next dev -p 3002",
     "build": "next build",
     "start": "next start",
     "lint": "next lint",

pages/_app.tsx

@@ -41,7 +41,7 @@ const App: AppType<AppProps> = ({ Component, pageProps }) => {
       >
         <AppProvider>
           <Head>
-            <title>Sites | Nowcasting</title>
+            <title>Sites | Quartz Solar</title>
             <link rel="icon" href="/favicon.ico" />
             <meta name="description" content="Nowcasting for solar sites" />
             <meta

pages/logout.tsx

@@ -27,8 +27,8 @@ const Logout = () => {
             rel="noreferrer"
           >
             <Image
-              src="/nowcasting-secondary.svg"
-              alt="Nowcasting logo"
+              src="/quartz-logo.svg"
+              alt="Quartz Solar logo"
               width={300}
               height={120}
             />