Merge pull request #350 from HarperDB/STUDIO-107

update svg to work on dark theme
HarperDB · Nov 9, 2023 · 083272a · 083272a
2 parents 37a8952 + 6aa6dfe
commit 083272a
Show file tree

Hide file tree

Showing 6 changed files with 10,503 additions and 7 deletions.
diff --git a/src/components/instances/list/NewInstanceCard.js b/src/components/instances/list/NewInstanceCard.js
@@ -22,7 +22,7 @@ function NewInstanceCard() {
           <div className="my-4">
             <i className="fa fa-2x fa-plus-circle new-instance-plus" />
           </div>
-          <span>Register User-Installed Instance</span>
+          <span>Register Enterprise Instance</span>
         </CardBody>
       </Card>
     </Col>

diff --git a/src/components/instances/new/TypeAWS.js b/src/components/instances/new/TypeAWS.js
@@ -1,14 +1,17 @@
 import React from 'react';
 import { Row, Col, Card, CardBody, Button } from 'reactstrap';
+import { useStoreState } from 'pullstate';
 import AWSLogo from '../../shared/logos/AWSLogo';
+import appState from '../../../functions/state/appState';
 
 function TypeAWS({ setFormData }) {
+  const theme = useStoreState(appState, (s) => s.theme);
   return (
     <Card className="mb-3">
       <CardBody className="instance-form-card-body">
         <Row>
           <Col xs="8" className="logo-header">
-            <AWSLogo />
+            <AWSLogo theme={theme} />
           </Col>
           <Col xs="4">
             <Button

diff --git a/src/components/instances/new/TypeVerizon.js b/src/components/instances/new/TypeVerizon.js
@@ -1,14 +1,17 @@
 import React from 'react';
 import { Row, Col, Card, CardBody, Button } from 'reactstrap';
+import { useStoreState } from 'pullstate';
 import VerizonLogo from '../../shared/logos/VerizonLogo';
+import appState from '../../../functions/state/appState';
 
 function TypeVerizon({ setFormData }) {
+  const theme = useStoreState(appState, (s) => s.theme);
   return (
     <Card className="mb-3">
       <CardBody className="instance-form-card-body">
         <Row>
           <Col xs="8" className="logo-header">
-            <VerizonLogo />
+            <VerizonLogo theme={theme} />
           </Col>
           <Col xs="4">
             <Button

diff --git a/src/components/shared/logos/AWSLogo.js b/src/components/shared/logos/AWSLogo.js
diff --git a/src/components/shared/logos/VerizonLogo.js b/src/components/shared/logos/VerizonLogo.js