define url entity type for passing in link data props

Signed-off-by: Michael Valdron <[email protected]>

Author: michael-valdron

apps/landing-page/pages/_app.tsx

@@ -118,7 +118,10 @@ function LandingPage({ Component, pageProps }: AppProps): JSX.Element {
             <Footer
               websiteName={websiteName}
               websiteDescription={websiteDescription}
-              lfTrademarkUsageUrl={lfTrademarkUsageUrl}
+              lfTrademarkUsageLink={{
+                href: lfTrademarkUsageUrl,
+                text: lfTrademarkUsageUrl.replace(/http:\/\/|https:\/\//g, ''),
+              }}
             />
           </div>
         </NavigationProvider>

apps/registry-viewer/pages/_app.tsx

@@ -39,7 +39,13 @@ function CustomApp({ Component, pageProps }: AppProps): JSX.Element {
             <Header websiteName={websiteName} />
             <Component {...pageProps} />
           </div>
-          <Footer websiteName={websiteName} lfTrademarkUsageUrl={lfTrademarkUsageUrl} />
+          <Footer
+            websiteName={websiteName}
+            lfTrademarkUsageLink={{
+              href: lfTrademarkUsageUrl,
+              text: lfTrademarkUsageUrl.replace(/http:\/\/|https:\/\//g, ''),
+            }}
+          />
         </div>
       </LinksProvider>
     </AnalyticsProvider>

libs/core/src/components/footer/footer.tsx

@@ -17,15 +17,16 @@
 import Link from 'next/link';
 import { DevfileIcon } from '../../icons';
 import { useLinks } from '../../hooks';
+import { LinkProp } from '../../types/props';
 
 export interface FooterProps {
   websiteName: string;
   websiteDescription?: string;
-  lfTrademarkUsageUrl?: string;
+  lfTrademarkUsageLink?: LinkProp;
 }
 
 export function Footer(props: FooterProps): JSX.Element {
-  const { websiteName, websiteDescription, lfTrademarkUsageUrl } = props;
+  const { websiteName, websiteDescription, lfTrademarkUsageLink } = props;
 
   const { footerNavigation } = useLinks();
 
@@ -49,18 +50,18 @@ export function Footer(props: FooterProps): JSX.Element {
             {websiteDescription && (
               <p className="text-base text-slate-500 dark:text-slate-400">{websiteDescription}</p>
             )}
-            {lfTrademarkUsageUrl && (
+            {lfTrademarkUsageLink && (
               <p className="text-base text-slate-500 dark:text-slate-400">
                 Copyright © Devfile a Series of LF Projects, LLC
                 <br />
                 For website terms of use, trademark policy and other project policies please
                 see&nbsp;
                 <Link
-                  href={lfTrademarkUsageUrl}
+                  href={lfTrademarkUsageLink.href}
                   className="text-base text-slate-500 hover:text-slate-600 dark:text-slate-400 dark:hover:text-slate-300"
                   target="_blank"
                 >
-                  {lfTrademarkUsageUrl.replace(/https:\/\/|http:\/\//g, '')}
+                  {lfTrademarkUsageLink.text}
                 </Link>
                 .
               </p>

libs/core/src/types/index.ts

@@ -16,3 +16,4 @@
 
 export { Convert as ConvertDevfileSpec, type DevfileSpec } from './devfile-spec';
 export * from './custom-404';
+export * from './props';

libs/core/src/types/props.ts

@@ -0,0 +1,28 @@
+/**
+ * Copyright Red Hat
+ *
+ * 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.
+ */
+
+/**
+ * Interface of a URL entity object
+ */
+export interface UrlEntity {
+  text: string;
+  href: string;
+}
+
+/**
+ * Type of Link property fields
+ */
+export type LinkProp = UrlEntity;