doc: update index website header (#42)

Updated the header of the add-on index page. Signed-off-by: Grzegorz Ferenc <[email protected]>
nrfconnect · Apr 25, 2024 · 62bf940 · 62bf940
1 parent b54d130
commit 62bf940
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 12 deletions.
diff --git a/README.md b/README.md
@@ -1,6 +1,6 @@
 # nRF Connect SDK Add-on index
 
-This repository includes a collection of index pages for publicly available nRF Connect SDK Add-ons, which are supplementary modules that extend the functionality of the [nRF Connect SDK](https://docs.nordicsemi.com/bundle/ncs-latest/page/nrf/index.html). You can access the index from the [nRF Connect for VS Code extension](https://docs.nordicsemi.com/bundle/nrf-connect-vscode/page/index.html), and browse it on [its webpage](https://nrfconnect.github.io/ncs-app-index/).
+This repository includes a collection of index pages for publicly available nRF Connect SDK Add-ons, which are supplementary components that extend the [nRF Connect SDK](https://docs.nordicsemi.com/bundle/ncs-latest/page/nrf/index.html). You can access the index from the [nRF Connect for VS Code extension](https://docs.nordicsemi.com/bundle/nrf-connect-vscode/page/index.html), and browse it on [its webpage](https://nrfconnect.github.io/ncs-app-index/).
 ----
 
 ## Contributing

diff --git a/site/src/app/Header.tsx b/site/src/app/Header.tsx
@@ -40,7 +40,9 @@ interface Props {
 
 function Header(props: Props): JSX.Element {
     function handleSearch(type: FilterAction['type']) {
-        return (e: ChangeEvent<HTMLInputElement>) => { props.dispatchFilters({ type: type, payload: e.target.value }); }
+        return (e: ChangeEvent<HTMLInputElement>) => {
+            props.dispatchFilters({ type: type, payload: e.target.value });
+        };
     }
 
     const aboutIcon = (
@@ -63,7 +65,7 @@ function Header(props: Props): JSX.Element {
 
                 <div className="flex w-full items-center p-3 shadow-md md:hidden">
                     <h1 className="flex-grow text-center text-xl text-white">
-                        nRF Connect SDK Add-on Index
+                        nRF Connect SDK Add-ons
                     </h1>
                     {aboutIcon}
                 </div>
@@ -86,28 +88,28 @@ function Header(props: Props): JSX.Element {
 
                     <div className="flex flex-col items-center gap-2 px-2 md:px-0">
                         <h1 className="text-center text-4xl text-white drop-shadow">
-                            nRF Connect SDK Add-on Index
+                            nRF Connect SDK Add-ons
                         </h1>
                         <p className="text-center text-xl font-thin text-white drop-shadow-sm">
-                            Discover applications and samples built for the nRF Connect SDK
+                            Discover components that extend the nRF Connect SDK
                         </p>
                     </div>
 
                     <div className="absolute bottom-0 flex w-full justify-center">
-                        <div className="relative flex w-full lg:w-2/3 top-5 mx-4 h-14 max-w-5xl">
+                        <div className="relative top-5 mx-4 flex h-14 w-full max-w-5xl lg:w-2/3">
                             <input
                                 type="search"
                                 placeholder="Filter applications..."
                                 value={props.filters.appSearch}
-                                onChange={handleSearch("appSearch")}
+                                onChange={handleSearch('appSearch')}
                                 aria-label="Filter applications"
                                 className="w-3/4 p-3 pl-3 outline-none drop-shadow-md lg:mx-0"
                             />
                             <input
                                 type="search"
                                 placeholder="nRF Connect SDK version..."
                                 value={props.filters.ncsSearch}
-                                onChange={handleSearch("ncsSearch")}
+                                onChange={handleSearch('ncsSearch')}
                                 aria-label="Filter NCS version"
                                 className="w-1/4 p-3 pl-3 outline-none drop-shadow-md lg:mx-0"
                             />
@@ -122,14 +124,14 @@ function Header(props: Props): JSX.Element {
                     type="text"
                     placeholder="Filter applications..."
                     value={props.filters.appSearch}
-                    onChange={handleSearch("appSearch")}
+                    onChange={handleSearch('appSearch')}
                     className="h-full w-2/3 border-b border-r border-gray-300 pl-3"
                 />
                 <input
                     type="text"
                     placeholder="SDK ..."
                     value={props.filters.ncsSearch}
-                    onChange={handleSearch("ncsSearch")}
+                    onChange={handleSearch('ncsSearch')}
                     className="h-full w-1/3 border-b border-gray-300 pl-3"
                 />
             </div>

diff --git a/site/src/app/layout.tsx b/site/src/app/layout.tsx
@@ -8,8 +8,8 @@ import type { Metadata } from 'next';
 import './app.css';
 
 export const metadata: Metadata = {
-    title: 'nRF Connect SDK Add-on Index',
-    description: 'A live index of supplementary components available for the nRF Connect SDK.',
+    title: 'nRF Connect SDK Add-ons',
+    description: 'Index of supplementary components available for the nRF Connect SDK.',
     authors: [{ name: 'Nordic Semiconductor', url: 'https://nordicsemi.com' }],
     themeColor: '#00A9CE',
     appleWebApp: { capable: true },