From 2871c5137c6fde730de0308866434dff2263ffb5 Mon Sep 17 00:00:00 2001
From: dc-andysign <58742260+dc-andysign@users.noreply.github.com>
Date: Wed, 30 Mar 2022 16:48:24 +0100
Subject: [PATCH] Feat/f2p 66 new logo (#6)
* Added new logo
* Added readme file
* Bump up version
---
README.md | 16 +-
package-lock.json | 4 +-
package.json | 2 +-
.../Common/Navigation/LogoWrap/LogoWrap.js | 6 +-
src/components/Logo/Logo.js | 164 ++++++++++++++++--
5 files changed, 172 insertions(+), 20 deletions(-)
diff --git a/README.md b/README.md
index 3d0c613..15f919d 100644
--- 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
index e328e22..7212830 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
{
"name": "veritable-verifier",
- "version": "0.2.4",
+ "version": "0.2.5",
"lockfileVersion": 2,
"requires": true,
"packages": {
"": {
"name": "veritable-verifier",
- "version": "0.2.4",
+ "version": "0.2.5",
"license": "Apache-2.0",
"dependencies": {
"@testing-library/jest-dom": "^5.14.1",
diff --git a/package.json b/package.json
index cff5a90..4133a47 100644
--- 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
index 418f019..5966ea2 100644
--- a/src/components/Common/Navigation/LogoWrap/LogoWrap.js
+++ b/src/components/Common/Navigation/LogoWrap/LogoWrap.js
@@ -5,8 +5,6 @@
import Logo from '../../../Logo'
export default function LogoWrap({ children }) {
- const brandName = Heathrow
-
return (
e.preventDefault()}
>
{}
- {brandName}
+
+
+
{children && children}
)
diff --git a/src/components/Logo/Logo.js b/src/components/Logo/Logo.js
index a8fbca5..1df2aac 100644
--- a/src/components/Logo/Logo.js
+++ b/src/components/Logo/Logo.js
@@ -7,19 +7,161 @@ export default function Logo() {
<>