[Chore] Remove unused or inaccurate components (#24252)

* [Chore] Remove 2 unused components

* Remove productsbytag

* Remove plan info

* Remove one-off pages components from component listing

* update title

* Update logic in ResourceBySelector a bit + replace TroubleshootingList

* update to hide descriptions for now

* Format'

* remove default

* remove more

* Update src/components/ResourcesBySelector.tsx

Co-authored-by: Kian <[email protected]>

* prettier

---------

Co-authored-by: Kian <[email protected]>

Author: 2 people

src/components/NetworkMap.astro

@@ -17,11 +17,18 @@ const props = z.object({
 	directory: z.string().optional(),
 	filterables: z.custom<ResourcesData>().array().optional(),
 	columns: z.union([z.literal(2), z.literal(3)]).default(2),
+	showDescriptions: z.boolean().default(true),
 });
 
-const { tags, types, products, directory, filterables, columns } = props.parse(
-	Astro.props,
-);
+const {
+	tags,
+	types,
+	products,
+	directory,
+	filterables,
+	columns,
+	showDescriptions,
+} = props.parse(Astro.props);
 
 const docs = await getCollection("docs");
 const videos = await getCollection("stream");
@@ -70,6 +77,7 @@ const facets = resources.reduce(
 		facets={facets}
 		filters={filterables}
 		columns={columns}
+		showDescriptions={showDescriptions}
 		client:load
 	/>
 </div>

src/components/PlanInfo.astro

@@ -12,13 +12,15 @@ interface Props {
 	facets: Record<string, string[]>;
 	filters?: ResourcesData[];
 	columns: number;
+	showDescriptions: boolean;
 }
 
 export default function ResourcesBySelector({
 	resources,
 	facets,
 	filters,
 	columns,
+	showDescriptions,
 }: Props) {
 	const [selectedFilter, setSelectedFilter] = useState<string | null>(null);
 
@@ -89,18 +91,31 @@ export default function ResourcesBySelector({
 							? `/videos/${page.data.url}/`
 							: `/${page.id}/`;
 
+					let title;
+
+					if (page.collection === "docs") {
+						const titleItem = page.data.head.find(
+							(item) => item.tag === "title",
+						);
+						title = titleItem ? titleItem.content : page.data.title;
+					} else {
+						title = page.data.title;
+					}
+
 					return (
 						<a
 							key={page.id}
 							href={href}
 							className="flex flex-col gap-2 rounded-sm border border-solid border-gray-200 p-6 text-black no-underline hover:bg-gray-50 dark:border-gray-700 dark:hover:bg-gray-800"
 						>
 							<p className="decoration-accent underline decoration-2 underline-offset-4">
-								{page.data.title}
+								{title}
 							</p>
-							<span className="line-clamp-3" title={page.data.description}>
-								{page.data.description}
-							</span>
+							{showDescriptions && (
+								<span className="line-clamp-3" title={page.data.description}>
+									{page.data.description}
+								</span>
+							)}
 						</a>
 					);
 				})}

src/components/ProductsByTag.astro

@@ -33,7 +33,6 @@ export { default as ListExamples } from "./ListExamples.astro";
 export { default as ListTutorials } from "./ListTutorials.astro";
 export { default as Markdown } from "./Markdown.astro";
 export { default as MetaInfo } from "./MetaInfo.astro";
-export { default as NetworkMap } from "./NetworkMap.astro";
 export { default as PackageManagers } from "./PackageManagers.astro";
 export { default as PagesBuildEnvironment } from "./PagesBuildEnvironment.astro";
 export { default as PagesBuildEnvironmentLanguages } from "./PagesBuildEnvironmentLanguages.astro";
@@ -43,11 +42,9 @@ export { default as PagesBuildPresetsTable } from "./PagesBuildPresetsTable.astr
 export { default as PagesLanguageSupport } from "./PagesLanguageSupport.astro";
 export { default as PartialsUsage } from "./PartialsUsage.astro";
 export { default as Plan } from "./Plan.astro";
-export { default as PlanInfo } from "./PlanInfo.astro";
 export { default as ProductChangelog } from "./ProductChangelog.astro";
 export { default as ProductReleaseNotes } from "./ProductReleaseNotes.astro";
 export { default as ProductFeatures } from "./ProductFeatures.astro";
-export { default as ProductsByTag } from "./ProductsByTag.astro";
 export { default as PublicStats } from "./PublicStats.astro";
 export { default as RelatedProduct } from "./RelatedProduct.astro";
 export { default as Render } from "./Render.astro";
@@ -57,7 +54,6 @@ export { default as RuleID } from "./RuleID.astro";
 export { default as SpotlightAuthorDetails } from "./SpotlightAuthorDetails.astro";
 export { default as Stream } from "./Stream.astro";
 export { default as TagsUsage } from "./TagsUsage.astro";
-export { default as TroubleshootingList } from "./TroubleshootingList.astro";
 export { default as TunnelCalculator } from "./TunnelCalculator.astro";
 export { default as Type } from "./Type.astro";
 export { default as TypeScriptExample } from "./TypeScriptExample.astro";
@@ -66,7 +62,6 @@ export { default as WARPReleases } from "./WARPReleases.astro";
 export { default as Width } from "./Width.astro";
 export { default as WorkersArchitectureDiagram } from "./WorkersArchitectureDiagram.astro";
 export { default as WorkersIsolateDiagram } from "./WorkersIsolateDiagram.astro";
-export { default as WorkerStarter } from "./WorkerStarter.astro";
 export { default as WorkersTemplates } from "./WorkersTemplates.astro";
 export { default as YouTube } from "./YouTube.astro";
 export { default as YouTubeVideos } from "./YouTubeVideos.astro";

src/components/ResourcesBySelector.astro

@@ -2,6 +2,7 @@
 pcx_content_type: troubleshooting
 source: https://support.cloudflare.com/hc/en-us/articles/360021111972-Troubleshooting-DNSSEC
 title: Troubleshooting
+description: Learn how to troubleshoot issues with DNSSEC
 sidebar:
   order: 9
 head:

src/components/ResourcesBySelector.tsx

@@ -6,8 +6,8 @@ sidebar:
   label: Full resources list
 ---
 
-import { TroubleshootingList } from "~/components"
+import { ResourcesBySelector } from "~/components"
 
 The following topics are useful for troubleshooting DNS issues.
 
-<TroubleshootingList />
+<ResourcesBySelector directory="dns" types={["faq", "troubleshooting"]} filterables={["pcx_content_type"]} showDescriptions={false} />