From 03ed1f22e8752c9b3c8dd313612fd9de30c55ddb Mon Sep 17 00:00:00 2001 From: Scarlett Date: Tue, 20 Aug 2024 00:18:20 -0400 Subject: [PATCH] qr code added --- public/index.html | 44 +++++++++--------------- src/assets/images/default_qr.png | Bin 0 -> 7546 bytes src/assets/stylesheets/cabledetail.scss | 22 ++++++++++-- src/components/CableDetailComponent.js | 18 ++++++++++ src/components/NavBar.js | 4 +-- src/components/StatisticsComponent.js | 2 +- src/utils/Cable.js | 8 +++-- 7 files changed, 63 insertions(+), 35 deletions(-) create mode 100644 src/assets/images/default_qr.png diff --git a/public/index.html b/public/index.html index a4c15ca..85f7749 100644 --- a/public/index.html +++ b/public/index.html @@ -5,39 +5,27 @@ - - - Belden Jukebox - +
- diff --git a/src/assets/images/default_qr.png b/src/assets/images/default_qr.png new file mode 100644 index 0000000000000000000000000000000000000000..060c23c2a685798296f22323c024ff861e0dcbe6 GIT binary patch literal 7546 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 + + {cableDetails.qrcode !== DefaultQRImg ? ( +
+ +
+ ) : ( +
+ )}
) : (
diff --git a/src/components/NavBar.js b/src/components/NavBar.js index e985cfb..04da482 100644 --- a/src/components/NavBar.js +++ b/src/components/NavBar.js @@ -11,7 +11,7 @@ export default class NavBar extends Component { this.state = { modalOpen_activeArm: false, modalOpacity: 0, - mode: "idle" + mode: "idle", }; this.openModal = this.openModal.bind(this); this.closeModal = this.closeModal.bind(this); @@ -56,7 +56,7 @@ export default class NavBar extends Component { if (this.state.mode === "idle") { this.closeModal("modalOpen_activeArm"); } - }, 3000); + }, 1500); } else { this.openModal("modalOpen_activeArm"); } diff --git a/src/components/StatisticsComponent.js b/src/components/StatisticsComponent.js index 8e1a45f..fc86c14 100644 --- a/src/components/StatisticsComponent.js +++ b/src/components/StatisticsComponent.js @@ -14,7 +14,7 @@ export default class StatisticsComponent extends Component {