fix: [code-2402] updating static web elements to update logo (#3558)

Co-authored-by: Patrick Wolf <patrick.wolf@harness.io>

web/src/components/HarnessLogo/HarnessLogo.module.scss

@@ -0,0 +1,36 @@
+/*
+ * Copyright 2023 Harness, Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.main {
+  margin: var(--spacing-large) var(--spacing-large) 0 !important;
+  padding-bottom: 6px !important;
+
+  > a {
+    display: block;
+  }
+
+  .layout {
+    display: inline-flex !important;
+    align-items: center !important;
+  }
+
+  .text {
+    font-size: 20px;
+    font-style: normal;
+    font-weight: 600;
+    color: var(--black);
+  }
+}

web/src/components/HarnessLogo/HarnessLogo.module.scss.d.ts

@@ -0,0 +1,21 @@
+/*
+ * Copyright 2023 Harness, Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/* eslint-disable */
+// This is an auto-generated file
+export declare const layout: string
+export declare const main: string
+export declare const text: string

web/src/components/HarnessLogo/HarnessLogo.tsx

@@ -0,0 +1,36 @@
+/*
+ * Copyright 2024 Harness, Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import React from 'react'
+import { Container, Layout } from '@harnessio/uicore'
+import { Link } from 'react-router-dom'
+import { useAppContext } from 'AppContext'
+import harness from './harness.svg?url'
+import css from './HarnessLogo.module.scss'
+
+export const HarnessLogo: React.FC = () => {
+  const { routes } = useAppContext()
+
+  return (
+    <Container className={css.main}>
+      <Link to={routes.toCODEHome()}>
+        <Layout.Horizontal spacing="small" className={css.layout} padding={{ left: 'small' }}>
+          <img src={harness} width={100} height={50} />
+        </Layout.Horizontal>
+      </Link>
+    </Container>
+  )
+}

web/src/index.html

@@ -7,7 +7,7 @@
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet" />
     <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300;700&display=swap" rel="stylesheet" />
     <link rel="icon" href="favicon.svg" />
-    <title>Gitness</title>
+    <title>Harness Open Source</title>
     <script>
       window.publicAccessOnGitness = false
     </script>

web/src/index_public.html

@@ -7,7 +7,7 @@
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet" />
     <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300;700&display=swap" rel="stylesheet" />
     <link rel="icon" href="favicon.svg" />
-    <title>Gitness</title>
+    <title>Harness Open Source</title>
     <script>
       window.publicAccessOnGitness = true
     </script>

web/src/layouts/layout.tsx

@@ -23,7 +23,7 @@ import { useAppContext } from 'AppContext'
 import { useStrings } from 'framework/strings'
 import { useDocumentTitle } from 'hooks/useDocumentTitle'
 import { NavMenuItem } from './menu/NavMenuItem'
-import { GitnessLogo } from '../components/GitnessLogo/GitnessLogo'
+import { HarnessLogo } from '../components/HarnessLogo/HarnessLogo'
 import { DefaultMenu } from './menu/DefaultMenu'
 import css from './layout.module.scss'
 
@@ -43,7 +43,7 @@ export const LayoutWithSideNav: React.FC<LayoutWithSideNavProps> = ({ title, chi
       <Layout.Horizontal className={css.layout}>
         <Container className={css.menu}>
           <Layout.Vertical spacing="small">
-            <GitnessLogo />
+            <HarnessLogo />
             <Container>{menu}</Container>
           </Layout.Vertical>