-
+
}>
diff --git a/frontend/src/routes/Module/Resources/index.tsx b/frontend/src/routes/Module/Resources/index.tsx
index 41439c62..59cb82bb 100644
--- a/frontend/src/routes/Module/Resources/index.tsx
+++ b/frontend/src/routes/Module/Resources/index.tsx
@@ -3,7 +3,7 @@ import { getModuleVersionDataQuery } from "../query";
import { useModuleParams } from "../hooks/useModuleParams";
import { ModuleResources as ModuleResourcesComponent } from "@/components/ModuleResources";
-import { ModuleMetaTitle } from "../components/MetaTitle";
+import { ModuleMetaTags } from "../components/MetaTags";
export function ModuleResources() {
const { namespace, name, target, version } = useModuleParams();
@@ -14,7 +14,7 @@ export function ModuleResources() {
return (
<>
-
+
>
);
diff --git a/frontend/src/routes/Module/components/MetaTitle.tsx b/frontend/src/routes/Module/components/MetaTags.tsx
similarity index 66%
rename from frontend/src/routes/Module/components/MetaTitle.tsx
rename to frontend/src/routes/Module/components/MetaTags.tsx
index 583ddd8b..90d7626d 100644
--- a/frontend/src/routes/Module/components/MetaTitle.tsx
+++ b/frontend/src/routes/Module/components/MetaTags.tsx
@@ -1,15 +1,15 @@
import { useSuspenseQuery } from "@tanstack/react-query";
import { getModuleDataQuery } from "../query";
-import { MetaTitle } from "@/components/MetaTitle";
+import { MetaTags } from "@/components/MetaTags";
import { useModuleParams } from "../hooks/useModuleParams";
import { Suspense } from "react";
-interface ModuleMetaTitleProps {
+interface ModuleMetaTagsProps {
page?: string;
}
-function ModuleMetaTitleContent({ page }: ModuleMetaTitleProps) {
+function ModuleMetaTagsContent({ page }: ModuleMetaTagsProps) {
const { namespace, name, target, version, isLatest } = useModuleParams();
const { data } = useSuspenseQuery(
@@ -26,13 +26,13 @@ function ModuleMetaTitleContent({ page }: ModuleMetaTitleProps) {
title = `${page} - ${title}`;
}
- return
{title};
+ return
;
}
-export function ModuleMetaTitle({ page }: ModuleMetaTitleProps) {
+export function ModuleMetaTags({ page }: ModuleMetaTagsProps) {
return (
-
+
);
}
diff --git a/frontend/src/routes/ModuleExample/Inputs/index.tsx b/frontend/src/routes/ModuleExample/Inputs/index.tsx
index 622b4a0f..119ac1b5 100644
--- a/frontend/src/routes/ModuleExample/Inputs/index.tsx
+++ b/frontend/src/routes/ModuleExample/Inputs/index.tsx
@@ -2,7 +2,7 @@ import { useSuspenseQuery } from "@tanstack/react-query";
import { getModuleExampleDataQuery } from "../query";
import { ModuleInputs } from "@/components/ModuleInputs";
import { useModuleExampleParams } from "../hooks/useModuleExampleParams";
-import { ModuleExampleMetaTitle } from "../components/MetaTitle";
+import { ModuleExampleMetaTags } from "../components/MetaTags";
export function ModuleExampleInputs() {
const { namespace, name, target, version, example } =
@@ -14,7 +14,7 @@ export function ModuleExampleInputs() {
return (
<>
-
+
>
);
diff --git a/frontend/src/routes/ModuleExample/Outputs/index.tsx b/frontend/src/routes/ModuleExample/Outputs/index.tsx
index c90857f8..b789d6c5 100644
--- a/frontend/src/routes/ModuleExample/Outputs/index.tsx
+++ b/frontend/src/routes/ModuleExample/Outputs/index.tsx
@@ -2,7 +2,7 @@ import { useSuspenseQuery } from "@tanstack/react-query";
import { getModuleExampleDataQuery } from "../query";
import { ModuleOutputs as ModuleOutputsComponent } from "@/components/ModuleOutputs";
import { useModuleExampleParams } from "../hooks/useModuleExampleParams";
-import { ModuleExampleMetaTitle } from "../components/MetaTitle";
+import { ModuleExampleMetaTags } from "../components/MetaTags";
export function ModuleExampleOutputs() {
const { namespace, name, target, version, example } =
@@ -14,7 +14,7 @@ export function ModuleExampleOutputs() {
return (
<>
-
+
>
);
diff --git a/frontend/src/routes/ModuleExample/Readme/index.tsx b/frontend/src/routes/ModuleExample/Readme/index.tsx
index 8e791ea2..5202fadf 100644
--- a/frontend/src/routes/ModuleExample/Readme/index.tsx
+++ b/frontend/src/routes/ModuleExample/Readme/index.tsx
@@ -4,7 +4,7 @@ import { Markdown } from "@/components/Markdown";
import { getModuleExampleReadmeQuery } from "../query";
import { useModuleExampleParams } from "../hooks/useModuleExampleParams";
import { Suspense } from "react";
-import { ModuleExampleMetaTitle } from "../components/MetaTitle";
+import { ModuleExampleMetaTags } from "../components/MetaTags";
function ModuleExampleReadmeContent() {
const { namespace, name, target, version, example } =
@@ -38,7 +38,7 @@ function ModuleExampleReadmeContentSkeleton() {
export function ModuleExampleReadme() {
return (
-
+
}>
diff --git a/frontend/src/routes/ModuleExample/components/MetaTitle.tsx b/frontend/src/routes/ModuleExample/components/MetaTags.tsx
similarity index 67%
rename from frontend/src/routes/ModuleExample/components/MetaTitle.tsx
rename to frontend/src/routes/ModuleExample/components/MetaTags.tsx
index 54d59764..a2947ae5 100644
--- a/frontend/src/routes/ModuleExample/components/MetaTitle.tsx
+++ b/frontend/src/routes/ModuleExample/components/MetaTags.tsx
@@ -1,15 +1,15 @@
import { useSuspenseQuery } from "@tanstack/react-query";
-import { MetaTitle } from "@/components/MetaTitle";
+import { MetaTags } from "@/components/MetaTags";
import { useModuleExampleParams } from "../hooks/useModuleExampleParams";
import { getModuleDataQuery } from "@/routes/Module/query";
import { Suspense } from "react";
-interface ModuleMetaTitleProps {
+interface ModuleMetaTagsProps {
page?: string;
}
-function ModuleExampleMetaTitleContent({ page }: ModuleMetaTitleProps) {
+function ModuleExampleMetaTagsContent({ page }: ModuleMetaTagsProps) {
const { namespace, name, target, version, isLatest, example } =
useModuleExampleParams();
@@ -27,13 +27,13 @@ function ModuleExampleMetaTitleContent({ page }: ModuleMetaTitleProps) {
title = `${page} - ${title}`;
}
- return
{title};
+ return
;
}
-export function ModuleExampleMetaTitle({ page }: ModuleMetaTitleProps) {
+export function ModuleExampleMetaTags({ page }: ModuleMetaTagsProps) {
return (
-
+
);
}
diff --git a/frontend/src/routes/ModuleSubmodule/Dependencies/index.tsx b/frontend/src/routes/ModuleSubmodule/Dependencies/index.tsx
index 03db46a5..aeefc06c 100644
--- a/frontend/src/routes/ModuleSubmodule/Dependencies/index.tsx
+++ b/frontend/src/routes/ModuleSubmodule/Dependencies/index.tsx
@@ -2,7 +2,7 @@ import { useSuspenseQuery } from "@tanstack/react-query";
import { getModuleSubmoduleDataQuery } from "../query";
import { ModuleDependencies as ModuleDependenciesComponent } from "@/components/ModuleDependencies";
import { useModuleSubmoduleParams } from "../hooks/useModuleSubmoduleParams";
-import { ModuleSubmoduleMetaTitle } from "../components/MetaTitle";
+import { ModuleSubmoduleMetaTags } from "../components/MetaTags";
export function ModuleSubmoduleDependencies() {
const { namespace, name, target, version, submodule } =
@@ -14,7 +14,7 @@ export function ModuleSubmoduleDependencies() {
return (
<>
-
+
-
+
>
);
diff --git a/frontend/src/routes/ModuleSubmodule/Outputs/index.tsx b/frontend/src/routes/ModuleSubmodule/Outputs/index.tsx
index 9a225185..c06feafa 100644
--- a/frontend/src/routes/ModuleSubmodule/Outputs/index.tsx
+++ b/frontend/src/routes/ModuleSubmodule/Outputs/index.tsx
@@ -2,7 +2,7 @@ import { useSuspenseQuery } from "@tanstack/react-query";
import { getModuleSubmoduleDataQuery } from "../query";
import { ModuleOutputs as ModuleOutputsComponent } from "@/components/ModuleOutputs";
import { useModuleSubmoduleParams } from "../hooks/useModuleSubmoduleParams";
-import { ModuleSubmoduleMetaTitle } from "../components/MetaTitle";
+import { ModuleSubmoduleMetaTags } from "../components/MetaTags";
export function ModuleSubmoduleOutputs() {
const { namespace, name, target, version, submodule } =
@@ -14,7 +14,7 @@ export function ModuleSubmoduleOutputs() {
return (
<>
-
+
>
);
diff --git a/frontend/src/routes/ModuleSubmodule/Readme/index.tsx b/frontend/src/routes/ModuleSubmodule/Readme/index.tsx
index 722ae0f0..11d2f611 100644
--- a/frontend/src/routes/ModuleSubmodule/Readme/index.tsx
+++ b/frontend/src/routes/ModuleSubmodule/Readme/index.tsx
@@ -4,7 +4,7 @@ import { Markdown } from "@/components/Markdown";
import { getModuleSubmoduleReadmeQuery } from "../query";
import { useModuleSubmoduleParams } from "../hooks/useModuleSubmoduleParams";
import { Suspense } from "react";
-import { ModuleSubmoduleMetaTitle } from "../components/MetaTitle";
+import { ModuleSubmoduleMetaTags } from "../components/MetaTags";
function ModuleSubmoduleReadmeContent() {
const { namespace, name, target, version, submodule } =
@@ -38,7 +38,7 @@ function ModuleSubmoduleReadmeContentSkeleton() {
export function ModuleSubmoduleReadme() {
return (
-
+
}>
diff --git a/frontend/src/routes/ModuleSubmodule/Resources/index.tsx b/frontend/src/routes/ModuleSubmodule/Resources/index.tsx
index 8f2e23dc..fb2fec3b 100644
--- a/frontend/src/routes/ModuleSubmodule/Resources/index.tsx
+++ b/frontend/src/routes/ModuleSubmodule/Resources/index.tsx
@@ -3,7 +3,7 @@ import { getModuleSubmoduleDataQuery } from "../query";
import { ModuleResources as ModuleResourcesComponent } from "@/components/ModuleResources";
import { useModuleSubmoduleParams } from "../hooks/useModuleSubmoduleParams";
-import { ModuleSubmoduleMetaTitle } from "../components/MetaTitle";
+import { ModuleSubmoduleMetaTags } from "../components/MetaTags";
export function ModuleSubmoduleResources() {
const { namespace, name, target, version, submodule } =
@@ -15,7 +15,7 @@ export function ModuleSubmoduleResources() {
return (
<>
-
+
>
);
diff --git a/frontend/src/routes/ModuleSubmodule/components/MetaTitle.tsx b/frontend/src/routes/ModuleSubmodule/components/MetaTags.tsx
similarity index 67%
rename from frontend/src/routes/ModuleSubmodule/components/MetaTitle.tsx
rename to frontend/src/routes/ModuleSubmodule/components/MetaTags.tsx
index 2954d6ae..102cf853 100644
--- a/frontend/src/routes/ModuleSubmodule/components/MetaTitle.tsx
+++ b/frontend/src/routes/ModuleSubmodule/components/MetaTags.tsx
@@ -1,17 +1,15 @@
import { useSuspenseQuery } from "@tanstack/react-query";
-import { MetaTitle } from "@/components/MetaTitle";
+import { MetaTags } from "@/components/MetaTags";
import { useModuleSubmoduleParams } from "../hooks/useModuleSubmoduleParams";
import { getModuleDataQuery } from "@/routes/Module/query";
import { Suspense } from "react";
-interface ModuleMetaTitleProps {
+interface ModuleMetaTagsProps {
page?: string;
}
-export function ModuleSubmoduleMetaTitleContent({
- page,
-}: ModuleMetaTitleProps) {
+export function ModuleSubmoduleMetaTagsContent({ page }: ModuleMetaTagsProps) {
const { namespace, name, target, version, isLatest, submodule } =
useModuleSubmoduleParams();
@@ -29,13 +27,13 @@ export function ModuleSubmoduleMetaTitleContent({
title = `${page} - ${title}`;
}
- return
{title};
+ return
;
}
-export function ModuleSubmoduleMetaTitle({ page }: ModuleMetaTitleProps) {
+export function ModuleSubmoduleMetaTags({ page }: ModuleMetaTagsProps) {
return (
-
+
);
}
diff --git a/frontend/src/routes/Modules/index.tsx b/frontend/src/routes/Modules/index.tsx
index a3ccbab3..bb3a3974 100644
--- a/frontend/src/routes/Modules/index.tsx
+++ b/frontend/src/routes/Modules/index.tsx
@@ -4,19 +4,21 @@ import { PageTitle } from "@/components/PageTitle";
import { Paragraph } from "@/components/Paragraph";
import { SimpleLayout } from "@/components/SimpleLayout";
import { ModulesList, ModulesListSkeleton } from "./components/List";
-import { MetaTitle } from "@/components/MetaTitle";
+import { MetaTags } from "@/components/MetaTags";
+
+const title = "Modules";
+
+const description =
+ "Modules are reusable packages of OpenTofu code to speed up development.";
export function Modules() {
return (
- Modules
+
-
Modules
-
- Modules are reusable packages of OpenTofu code to speed up
- development.
-
+
{title}
+
{description}