Merge pull request #1986 from opengovern/ui-changes

feat: change opengovernance name to opencomply
opengovern · Nov 14, 2024 · 4d5f6f4 · 4d5f6f4
2 parents 7866522 + 72a7536
commit 4d5f6f4
Show file tree

Hide file tree

Showing 13 changed files with 60 additions and 84 deletions.
diff --git a/services/web-ui/public/index.html b/services/web-ui/public/index.html
@@ -20,10 +20,10 @@
         <script src="%PUBLIC_URL%/runtime-env.js"></script>
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <meta name="theme-color" content="#0D2239" />
-        <meta name="description" content="OpenGovernance app" />
+        <meta name="description" content="OpenComply app" />
         <link rel="apple-touch-icon" href="%PUBLIC_URL%/favicon-192.png" />
         <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-        <title>OpenGovernance</title>
+        <title>OpenComply</title>
         <!-- Google tag (gtag.js) -->
         <!-- <script async src="https://www.googletagmanager.com/gtag/js?id=G-KHKSB3FLSW"></script>
   <script>

diff --git a/services/web-ui/public/manifest.json b/services/web-ui/public/manifest.json
@@ -1,6 +1,6 @@
 {
-    "short_name": "OpenGovernance",
-    "name": "OpenGovernance app",
+    "short_name": "OpenComply",
+    "name": "OpenComply app",
     "icons": [
         {
             "src": "windows11/SmallTile.scale-100.png",
@@ -452,11 +452,11 @@
         }
     ],
     "start_url": "/",
-    "scope": "https://app.opengovernance.io/",
+    "scope": "https://app.OpenComply.io/",
     "display": "standalone",
     "theme_color": "#0D2239",
     "background_color": "#F3F4F6",
-    "id": "OpenGovernance",
+    "id": "OpenComply",
     "description": "Manage your clouds like a PRO!",
     "dir": "ltr",
     "lang": "en",

diff --git a/services/web-ui/src/App.tsx b/services/web-ui/src/App.tsx
@@ -143,7 +143,7 @@ export default function App() {
                             </Title>
                             <Text className="mb-6 text-center">
                                 Your session has expired. Please log in again to
-                                continue accessing OpenGovernance platform
+                                continue accessing OpenComply platform
                             </Text>
                             <Button
                                 icon={ArrowPathIcon}
@@ -189,9 +189,12 @@ export default function App() {
                     </Card>
                 </Flex>
             )}
-            <Modal visible={roleAccess} onDismiss={() => {
-                setRoleAccess(false)
-            }}>
+            <Modal
+                visible={roleAccess}
+                onDismiss={() => {
+                    setRoleAccess(false)
+                }}
+            >
                 <Flex
                     flexDirection="col"
                     justifyContent="center"
@@ -205,10 +208,12 @@ export default function App() {
                         You do not have permission to access this page. Please
                         contact your administrator for more information.
                     </Text>
-                    <Button icon={XMarkIcon} onClick={() => {
-                setRoleAccess(false)
-
-                    }}>
+                    <Button
+                        icon={XMarkIcon}
+                        onClick={() => {
+                            setRoleAccess(false)
+                        }}
+                    >
                         Close
                     </Button>
                 </Flex>

diff --git a/services/web-ui/src/auth-provider-with-navigate.tsx b/services/web-ui/src/auth-provider-with-navigate.tsx
@@ -2,7 +2,7 @@ import React, { useEffect, useState } from 'react'
 import { Button, Card, Flex, Text, TextInput, Title } from '@tremor/react'
 import { useLocation, useNavigate, useSearchParams } from 'react-router-dom'
 import { useAuth } from './utilities/auth'
-import { KaytuDarkIconBig, OpenGovernanceBig } from './icons/icons'
+import {  OpenGovernanceBig } from './icons/icons'
 import { authHostname } from './api/ApiConfig'
 
 interface IAuthProviderWithNavigate {

diff --git a/services/web-ui/src/components/Layout/Header/index.tsx b/services/web-ui/src/components/Layout/Header/index.tsx
@@ -366,7 +366,7 @@ export default function TopHeader({
         if (url[2] === 'infrastructure-metrics') {
             return 'Inventory'
         }
-        return url[2] ? kebabCaseToLabel(url[2]) : 'OpenGovernance'
+        return url[2] ? kebabCaseToLabel(url[2]) : 'OpenComply'
     }
 
     const subPages = () => {

diff --git a/services/web-ui/src/icons/OpenGovernance.svg b/services/web-ui/src/icons/OpenGovernance.svg
diff --git a/services/web-ui/src/icons/icons.tsx b/services/web-ui/src/icons/icons.tsx
@@ -9,7 +9,7 @@ export { ReactComponent as HipaaIcon } from './hipaa.svg'
 
 export { ReactComponent as OpenGovernance } from './OpenGovernanceSmall.svg'
 export { ReactComponent as OpenGovernanceBig } from './OpenGovernance.svg'
-export { ReactComponent as KaytuDarkIconBig } from './kaytu.svg'
+
 
 export { ReactComponent as BarChartIcon } from './barChart.svg'
 export { ReactComponent as AreaChartIcon } from './areaChart.svg'

diff --git a/services/web-ui/src/icons/kaytu.svg b/services/web-ui/src/icons/kaytu.svg
diff --git a/services/web-ui/src/pages/Assets/Single/SingleMetric/index.tsx b/services/web-ui/src/pages/Assets/Single/SingleMetric/index.tsx
@@ -233,9 +233,7 @@ export default function SingleMetric({
                                 setQuery(modalData)
                             }}
                         >
-                            <Link to={`/finder?tab_id=1`}>
-                                Open in Query
-                            </Link>
+                            <Link to={`/finder?tab_id=1`}>Open in Query</Link>
                         </Button>
                         <Button onClick={() => setModalData('')}>Close</Button>
                     </Flex>
@@ -455,7 +453,7 @@ export default function SingleMetric({
                                 </Text>
                             </ListItem>
                             <ListItem className="py-6">
-                                <Text>OpenGovernance connection ID</Text>
+                                <Text>OpenComply connection ID</Text>
                                 <Text className="text-gray-800">
                                     {selectedRow?.connection_id}
                                 </Text>

diff --git a/services/web-ui/src/pages/Governance/Controls/ControlSummary/Tabs/ControlFindings/index.tsx b/services/web-ui/src/pages/Governance/Controls/ControlSummary/Tabs/ControlFindings/index.tsx
@@ -157,7 +157,7 @@ const columns = (isDemo: boolean) => {
         },
         {
             field: 'connectionID',
-            headerName: 'OpenGovernance connection ID',
+            headerName: 'OpenComply connection ID',
             type: 'string',
             hide: true,
             enableRowGroup: true,

diff --git a/...ices/web-ui/src/pages/Governance/Controls/ControlSummary/Tabs/ImpactedResources/index.tsx b/...ices/web-ui/src/pages/Governance/Controls/ControlSummary/Tabs/ImpactedResources/index.tsx
@@ -155,7 +155,7 @@ const columns = (
         },
         {
             field: 'connectionID',
-            headerName: 'OpenGovernance connection ID',
+            headerName: 'OpenComply connection ID',
             type: 'string',
             hide: true,
             enableRowGroup: true,

diff --git a/services/web-ui/src/pages/RequestDemo/index.tsx b/services/web-ui/src/pages/RequestDemo/index.tsx
@@ -1,7 +1,7 @@
 import { CheckCircleIcon } from '@heroicons/react/24/solid'
 import { ArrowTopRightOnSquareIcon } from '@heroicons/react/24/outline'
 import { Flex, Grid, Text, Title } from '@tremor/react'
-import { KaytuDarkIconBig } from '../../icons/icons'
+import { OpenGovernanceBig } from '../../icons/icons'
 
 export default function RequestDemo() {
     return (
@@ -17,7 +17,7 @@ export default function RequestDemo() {
                     justifyContent="start"
                     alignItems="start"
                 >
-                    <KaytuDarkIconBig className="w-32 mb-9" />
+                    <OpenGovernanceBig className="w-32 mb-9" />
                     <Title className="text-gray-800 text-2xl mb-6">
                         Manage Complexity
                     </Title>
@@ -69,7 +69,7 @@ export default function RequestDemo() {
                         <span className="font-bold text-gray-800">
                             Book a Demo
                         </span>{' '}
-                        to navigate OpenGovernance product
+                        to navigate OpenComply product
                     </Text>
                     <Flex
                         flexDirection="row"

diff --git a/services/web-ui/src/pages/Spend/Account/AccountTable.tsx b/services/web-ui/src/pages/Spend/Account/AccountTable.tsx
@@ -334,7 +334,7 @@ export default function AccountTable({
                 },
                 {
                     field: 'dimensionId',
-                    headerName: 'OpenGovernance Connection ID',
+                    headerName: 'OpenComply Connection ID',
                     type: 'string',
                     width: 150,
                     pinned: true,