Feat/f2p 66 new logo (#6)

* Added new logo * Added readme file * Bump up version
digicatapult · Mar 30, 2022 · 2871c51 · 2871c51
1 parent 01b64c4
commit 2871c51
Show file tree

Hide file tree

Showing 5 changed files with 172 additions and 20 deletions.
diff --git a/README.md b/README.md
@@ -2,7 +2,9 @@
 
 ## Description
 
-Front-end for a verifier in Veritable. Verifiers in most cases will airports that can validate the issuer so issuer has issuer credentials to holders (drone pilots).
+Front-end for a Verifier ( Miles Long Airport ) in Veritable. Verifiers in most cases will be airports that can validate that the Issuer has successfully issued credentials to the Holder (drone pilots) and that the Holder has the right credentials.
+
+---
 
 ## Getting started
 
@@ -14,12 +16,13 @@ To start the application, run:
 npm run start
 ```
 
+---
+
 ## Testing
 
 > Framework - [CYPRESS](https://docs.cypress.io/)
 There are two types of tests one for React component as per individual basis and integration for testing different flows. The idea is that component test will be triggered after update to branch excluding **main** and integration for release build or after it has been merged with **main**.
 
-
 > Run component tests -> `npm t`
 
 > Run integration tests -> `npm run test:integration`
@@ -34,13 +37,18 @@ There are two types of tests one for React component as per individual basis and
   - Allows us to mock endpoints of external parties
   - Part of Github checks for all branches excluding **main**
 
+---
+
 #### Local Development
 
-Cypress can also be utilised in local development when you require other services you can mock out `api` responses and run under the watch flag. 
+Cypress can also be utilised in local development when you require other services you can mock out `api` responses and run under the watch flag.
+
 ```sh
 npm run test:dev
 ```
 
+---
+
 ## Interacting with the ACA Swagger API Layer directly
 
 **[README](https://gist.github.com/andysign/145188bc361ea9dd7e44db1a5a8a282a)**
@@ -64,3 +72,5 @@ To connect to a custom backend: when first opening the GUI, instead of clicking
 All the React components / sub-components, in this project are developed using the _folders-as-components_ methodology (this methodology is described in detail here **[NodeJsOrg article](https://nodejs.org/dist/latest-v7.x/docs/api/modules.html#modules_folders_as_modules)**).
 
 That means that every existing React component here has its own folder with an _index.js_ file and the component itself. This makes importing components more elegant. In addition, certain components are grouped inside folders and sub-folders.
+
+---
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "veritable-verifier",
-  "version": "0.2.4",
+  "version": "0.2.5",
   "description": "Front-end for Veritable verifiers",
   "author": "Digital Catapult (https://www.digicatapult.org.uk/)",
   "license": "Apache-2.0",

diff --git a/src/components/Common/Navigation/LogoWrap/LogoWrap.js b/src/components/Common/Navigation/LogoWrap/LogoWrap.js
@@ -5,16 +5,16 @@
 import Logo from '../../../Logo'
 
 export default function LogoWrap({ children }) {
-  const brandName = <b className="font-weight-bold">Heathrow</b>
-
   return (
     <a
       className="navbar-brand d-none d-md-block"
       href="#/"
       onClick={(e) => e.preventDefault()}
     >
       {<Logo />}
-      <span>&nbsp; {brandName}</span>
+      <span className="m-4">
+        <b className="m-3">&nbsp;</b>
+      </span>
       {children && children}
     </a>
   )

diff --git a/src/components/Logo/Logo.js b/src/components/Logo/Logo.js
@@ -7,19 +7,161 @@ export default function Logo() {
     <>
       <div className="float-left ml-1 mr-0" style={{ width: 35 }}>
         <svg
-          viewBox="0 0 128 128"
-          fill="none"
+          version="1.1"
+          id="Layer_1"
           xmlns="http://www.w3.org/2000/svg"
+          x="0px"
+          y="0px"
+          width="160px"
+          viewBox="0 300 1200 600"
         >
-          <path
-            fill="#F7FA7B"
-            d="M16.63,105.75c0.01-4.03,2.3-7.97,6.03-12.38L1.09,79.73c-1.36-0.59-1.33-1.42-0.54-2.4l4.57-3.9
-						c0.83-0.51,1.71-0.73,2.66-0.47l26.62,4.5l22.18-24.02L4.8,18.41c-1.31-0.77-1.42-1.64-0.07-2.65l7.47-5.96l67.5,18.97L99.64,7.45
-						c6.69-5.79,13.19-8.38,18.18-7.15c2.75,0.68,3.72,1.5,4.57,4.08c1.65,5.06-0.91,11.86-6.96,18.86L94.11,43.18l18.97,67.5
-						l-5.96,7.47c-1.01,1.34-1.88,1.23-2.65-0.07L69.43,66.31L45.41,88.48l4.5,26.62c0.26,0.94,0.05,1.82-0.47,2.66l-3.9,4.57
-						c-0.97,0.79-1.81,0.82-2.4-0.54l-13.64-21.57c-4.43,3.74-8.37,6.03-12.42,6.03C16.71,106.24,16.63,106.11,16.63,105.75
-						L16.63,105.75z"
-          />
+          <g stroke="none" transform="translate(-75.000000,-30.000000)">
+            <path
+              fill="#EFEFEF"
+              d="M513.467,584.998c2.743,2.258,6.616,3.227,14.844,3.709c10.487,0.646,24.849-1.774,26.461-4.518
+                c0.322-0.646-0.162-5.969-1.129-11.776l-1.775-10.812l-6.131,0.967c-5.647,0.97-6.292,0.646-7.905-3.225
+                c-0.969-2.582-1.614-20.653-1.614-43.081v-38.562h-15.327h-15.328v46.79C505.561,574.348,506.045,578.383,513.467,584.998z"
+            />
+            <polygon
+              fill="#EFEFEF"
+              points="495.881,503.517 495.881,490.607 495.881,477.701 480.553,477.701 465.224,477.701
+                465.224,490.607 465.224,503.517 480.553,503.517"
+            />
+            <polygon
+              fill="#EFEFEF"
+              points="495.881,587.417 495.881,547.887 495.881,508.356 480.553,508.356 465.224,508.356
+		            465.224,547.887 465.224,587.417 480.553,587.417"
+            />
+            <path
+              fill="#EFEFEF"
+              d="M665.938,561.602l-9.516-4.84l-2.744,3.709c-1.453,1.938-4.033,6.295-5.486,9.682
+                c-2.742,5.809-2.58,6.131,0.322,8.551c7.584,6.133,17.748,9.36,31.465,10.004c16.617,0.808,23.232-0.968,30.494-8.551
+                c4.678-4.841,5.484-6.937,6.131-15.328c1.131-15.327-3.711-20.329-26.299-27.59c-8.066-2.582-12.908-5.001-12.908-6.453
+                c0-4.034,6.291-3.39,15.813,1.773l9.033,4.841l5.811-8.874c3.064-5.002,5.646-9.52,5.646-10.165c0-1.936-10.488-8.39-16.299-10.004
+                c-9.195-2.742-27.264-1.937-34.688,1.454c-9.357,4.194-14.037,11.614-14.846,23.071c-0.645,8.874-0.482,9.52,4.682,14.682
+                c3.873,3.711,9.52,6.776,18.715,9.844c7.262,2.421,14.039,5.485,15.006,6.774C689.981,568.539,676.268,566.925,665.938,561.602z"
+            />
+            <path
+              fill="#EFEFEF"
+              d="M417.465,480.928l-10.164,22.589c-5.648,12.424-10.811,22.265-11.295,21.782
+                c-0.483-0.646-5.323-10.65-10.811-22.265l-9.841-21.301l-17.104-0.483l-17.262-0.484v53.407v53.244h15.328h15.167l0.484-24.687
+                l0.485-24.524l7.26,16.617l7.26,16.62l9.519-0.484l9.521-0.483l6.614-15.168l6.616-15.327l0.484,23.717l0.483,23.72h15.974h16.136
+                v-53.244v-53.245H434.89H417.465z"
+            />
+            <path
+              fill="#EFEFEF"
+              d="M884.729,588.869c20.488,0,32.914-6.938,39.85-21.781c10.652-23.234,0.486-50.18-21.619-58.085
+                c-9.52-3.389-29.041-2.743-37.594,1.128c-9.035,4.034-15.328,10.005-19.846,18.395c-2.742,5.001-3.549,9.197-3.549,19.362
+                c0,10.164,0.807,14.36,3.549,19.362C853.266,581.931,866.172,589.031,884.729,588.869z M893.44,537.56
+                c2.744,3.067,4.195,6.94,4.195,10.328c0,6.936-6.775,15.327-12.264,15.327c-6.775,0-11.938-6.776-11.938-15.327
+                C873.434,533.849,885.211,527.719,893.44,537.56z"
+            />
+            <polygon
+              fill="#EFEFEF"
+              points="841.164,587.417 841.164,573.703 841.164,559.986 816.963,559.986 792.76,559.986 792.76,520.458 
+		            792.76,480.928 777.432,480.928 762.106,480.928 762.106,534.173 762.106,587.417 801.635,587.417 	"
+            />
+            <path
+              fill="#EFEFEF"
+              d="M729.994,644.046c-7.26-0.164-13.553,0.321-15.486,1.451c-1.777,1.13-4.842,3.388-6.779,5.164l-3.711,3.226
+                v-4.193v-4.358h-12.906h-12.908v55.666v55.663h15.328h15.328v-18.553c0-10.165,0.32-18.556,0.643-18.556
+                c0.484,0,3.391,1.613,6.617,3.386c4.68,2.907,7.746,3.39,16.941,2.743c9.52-0.481,11.939-1.288,17.264-5.483
+                c3.391-2.743,7.906-8.229,10.166-12.102c3.549-6.292,4.033-9.035,4.033-23.234c0-14.844-0.322-16.78-4.52-23.879
+                C753.069,649.208,744.84,644.688,729.994,644.046z M732.414,690.996c-4.193,10.005-11.455,11.779-18.877,4.518
+                c-3.711-3.871-4.678-6.129-4.678-12.102c0-5.808,0.807-7.744,4.195-10.486c5.484-4.194,10.326-4.356,15.65-0.16
+                C734.03,676.958,735.483,683.896,732.414,690.996z"
+            />
+            <path
+              fill="#EFEFEF"
+              d="M830.354,645.982c-9.52-3.39-29.043-2.743-37.594,1.128c-9.037,4.034-15.328,10.003-19.846,18.395
+                c-2.744,4.999-3.549,9.195-3.549,19.36s0.805,14.359,3.549,19.361c7.744,14.683,20.652,21.783,39.207,21.622
+                c20.49,0,32.914-6.939,39.852-21.781C862.623,680.833,852.459,653.887,830.354,645.982z M812.768,700.194
+                c-6.779,0-11.939-6.777-11.939-15.329c0-14.038,11.777-20.168,20.006-10.326c2.742,3.065,4.195,6.94,4.195,10.326
+                C825.03,691.803,818.252,700.194,812.768,700.194z"
+            />
+            <path
+              fill="#EFEFEF"
+              d="M1007.354,509.324c-4.842-2.742-21.463-3.389-29.207-0.968c-2.258,0.646-6.129,2.421-8.391,4.035
+                c-4.193,2.742-4.354,2.742-4.354-0.646c0-3.227-0.807-3.389-13.715-3.389h-13.715v39.531v39.53h15.328h15.328v-22.589
+                c0-21.943,0.16-22.912,4.033-26.622c4.033-4.195,8.068-5.001,12.102-2.42c1.934,1.13,2.58,6.453,2.904,26.623l0.484,25.008h15.488
+                h15.328l-0.646-32.753C1017.84,518.845,1016.869,514.973,1007.354,509.324z"
+            />
+            <path
+              fill="#EFEFEF"
+              d="M904.897,645.658c-1.775,0.969-5.164,3.55-7.584,5.808l-4.518,4.198v-5.166v-5.163h-13.713h-13.717v39.53
+                v39.531h15.328h15.33V701.16c0-18.231,0.482-23.556,2.258-25.168c1.289-0.969,6.775-2.743,12.1-3.712l9.844-1.936v-13.231v-13.391
+                h-5.971C910.865,643.723,906.67,644.688,904.897,645.658z"
+            />
+            <path
+              fill="#EFEFEF"
+              d="M975.242,696.319c-11.133,4.52-13.066,2.262-13.066-14.84v-13.555h7.26h7.26V656.63v-11.295h-7.26h-7.26
+                v-12.907v-12.906h-15.328H931.52v12.906v12.907h-4.842h-4.84v11.295v11.295h4.84h4.842v21.135c0,23.881,1.934,30.496,10,34.69
+                c9.844,5.003,41.631,1.13,41.631-5.162c0-1.293-1.131-7.099-2.584-12.908C978.309,697.128,977.34,695.354,975.242,696.319z"
+            />
+            <path
+              fill="#EFEFEF"
+              d="M1100.129,508.356c-12.75,0-13.717,0.162-13.717,3.227c0,3.227-0.162,3.227-5.002-0.321
+                c-6.777-5.163-25.332-5.971-34.527-1.615c-27.752,12.909-29.043,60.989-2.1,74.705c9.52,4.839,28.234,3.873,34.207-1.615
+                c4.84-4.516,5.484-2.42,1.775,5.488c-4.84,9.841-17.104,11.617-31.141,4.518l-8.553-4.358l-7.904,7.907
+                c-4.52,4.357-8.068,8.39-8.068,9.035c0,2.583,17.748,12.586,25.654,14.36c11.617,2.743,28.074,1.29,38.563-3.228
+                c10.648-4.518,20.328-15.168,22.75-25.009c0.969-4.194,1.775-22.427,1.775-45.017v-38.077H1100.129z M1078.99,559.829
+                c-14.037,10.969-29.205-8.391-17.428-22.269c5.488-6.454,10.813-6.454,16.943,0C1084.959,544.5,1085.121,554.987,1078.99,559.829z"
+            />
+            <polygon
+              fill="#EFEFEF"
+              points="573.327,645.335 573.327,684.865 573.327,724.396 588.656,724.396 603.985,724.396
+		            603.985,684.865 603.985,645.335 588.656,645.335"
+            />
+            <path
+              fill="#EFEFEF"
+              d="M656.422,645.658c-1.777,0.969-5.164,3.55-7.584,5.808l-4.52,4.198v-5.166v-5.163h-13.715h-13.713v39.53
+                v39.531h15.328h15.328V701.16c0-18.231,0.482-23.556,2.26-25.168c1.289-0.969,6.775-2.743,12.1-3.712l9.842-1.936v-13.231v-13.391
+                h-5.969C662.389,643.723,658.194,644.688,656.422,645.658z"
+            />
+            <polygon
+              fill="#EFEFEF"
+              points="573.327,614.681 573.327,627.587 573.327,640.494 588.656,640.494 603.985,640.494
+		            603.985,627.587 603.985,614.681 588.656,614.681"
+            />
+            <path
+              fill="#EFEFEF"
+              d="M638.994,567.409c-0.32-0.967-5.969-3.387-12.584-5.324l-11.939-3.55h-0.559
+                c-0.637,5.042-6.188,8.981-12.949,8.981c-7.186,0-13.013-4.454-13.013-9.949c0-0.334,0.023-0.666,0.065-0.994h54.754l0.098-2.717
+                c1.291-22.587-7.744-38.399-25.492-44.853c-9.521-3.389-29.043-2.743-37.594,1.128c-14.521,6.616-22.428,18.07-23.881,34.69
+                c-0.967,12.586,2.744,24.041,10.327,31.947c8.714,9.036,14.199,11.132,30.655,11.939c12.424,0.646,15.813,0.162,23.073-2.903
+                C628.186,582.093,640.123,570.798,638.994,567.409z M599.142,528.061c5.375,0,10.026,4.451,12.317,10.941h-24.637
+                C589.115,532.512,593.765,528.061,599.142,528.061z"
+            />
+            <path
+              fill="#EFEFEF"
+              d="M532.991,618.39c0-0.323-6.777-0.483-14.845-0.483h-15.004l-17.587,51.309
+                c-9.682,28.075-17.909,52.116-18.395,53.084c-0.484,1.613,3.228,2.098,15.49,2.098h16.135l3.065-9.358l3.227-10.434l25.815,0.269
+                l2.905,9.84l2.904,9.684h15.973c8.874,0,15.813-0.646,15.813-1.455c0-0.968-7.906-24.686-17.748-52.757
+                C541.058,641.949,532.991,618.713,532.991,618.39z M509.358,683.116l8.445-28.877l9.015,28.877H509.358z"
+            />
+          </g>
+          <g stroke="none" transform="translate(-75.000000,-30.000000)">
+            <path
+              fill="#F7FA7B"
+              d="M251.527,491.015c0.178-0.444-0.888-2.042-2.22-3.551l-2.575-2.841l-12.251,10.743l-12.34,10.741h-11.363
+                h-11.452v3.996v3.906l6.569,0.266l6.658,0.266l-15.536,13.583l-15.446,13.495v-11.541v-11.541h-3.995h-3.995v20.596
+                c0,19.441,0.088,20.418,1.598,19.174c0.799-0.798,18.288-16.067,38.795-34C234.481,506.462,251.348,491.458,251.527,491.015z"
+            />
+            <path
+              fill="#F7FA7B"
+              d="M213.441,718.279c0.266,0,17.845-35.511,38.973-78.833l38.351-78.832l-0.178-40.216l-0.266-40.216
+                l-38.529-19.885c-21.129-10.919-38.973-19.886-39.505-19.797c-0.532,0-18.111,8.967-39.149,19.886l-38.174,19.887l-0.267,39.859
+                l-0.177,39.949l39.238,79.1C195.332,682.68,213.175,718.279,213.441,718.279z M147.126,520.932l0.267-33.646l32.403-16.778
+                c17.844-9.233,32.58-16.778,32.847-16.778c0.266,0,15.003,7.545,32.847,16.778l32.403,16.778l0.266,33.646l0.178,33.646
+                l-32.847,16.868l-32.758,16.957l-32.936-16.957l-32.847-16.956L147.126,520.932z"
+            />
+            <path
+              fill="#F7FA7B"
+              d="M275.885,657.985v18.223c17.207,7.273,27.901,17.443,27.901,28.702c0,22.109-41.223,40.032-92.073,40.032
+                c-50.85,0-92.073-17.923-92.073-40.032c0-12.431,13.033-23.538,33.481-30.88v-17.407c-39.821,9.153-66.962,27.341-66.962,48.287
+                c0,30.149,56.213,54.59,125.554,54.59c69.341,0,125.554-24.44,125.554-54.59C337.267,684.958,312.64,667.507,275.885,657.985z"
+            />
+          </g>
         </svg>
       </div>
     </>