diff --git a/web/src/app/error.tsx b/web/src/app/error.tsx index 3b332632..8c7660fc 100644 --- a/web/src/app/error.tsx +++ b/web/src/app/error.tsx @@ -32,16 +32,16 @@ export default function ErrorPage({
- An unexpected error occurred while loading this page. We've been notified and are looking into it. + Unable to load this page. We're looking into the issue.
Error ID: {error.digest}
} diff --git a/web/src/app/icons/[icon]/page.tsx b/web/src/app/icons/[icon]/page.tsx index 186ca02f..ca00e909 100644 --- a/web/src/app/icons/[icon]/page.tsx +++ b/web/src/app/icons/[icon]/page.tsx @@ -42,7 +42,7 @@ export async function generateMetadata({ params, searchParams }: Props, parent: return { title: `${formattedIconName} Icon | Dashboard Icons`, - description: `Download the ${formattedIconName} icon in SVG, PNG, and WEBP formats for FREE. Part of a collection of ${totalIcons} curated icons for services, applications and tools, designed specifically for dashboards and app directories.`, + description: `Download the ${formattedIconName} icon in SVG, PNG, and WEBP formats. Available for free in our collection of ${totalIcons} icons for dashboards and applications.`, assets: [iconImageUrl], category: "icons", keywords: [ @@ -57,14 +57,14 @@ export async function generateMetadata({ params, searchParams }: Props, parent: icons: { icon: iconImageUrl, }, - abstract: `Download the ${formattedIconName} icon in SVG, PNG, and WEBP formats for FREE. Part of a collection of ${totalIcons} curated icons for services, applications and tools, designed specifically for dashboards and app directories.`, + abstract: `Download the ${formattedIconName} icon in SVG, PNG, and WEBP formats. Available for free in our collection of ${totalIcons} icons for dashboards and applications.`, robots: { index: true, follow: true, }, openGraph: { title: `${formattedIconName} Icon | Dashboard Icons`, - description: `Download the ${formattedIconName} icon in SVG, PNG, and WEBP formats for FREE. Part of a collection of ${totalIcons} curated icons for services, applications and tools, designed specifically for dashboards and app directories.`, + description: `Download the ${formattedIconName} icon in SVG, PNG, and WEBP formats. Available for free in our collection of ${totalIcons} icons for dashboards and applications.`, type: "article", url: pageUrl, authors: [authorName], @@ -76,7 +76,7 @@ export async function generateMetadata({ params, searchParams }: Props, parent: twitter: { card: "summary_large_image", title: `${formattedIconName} Icon | Dashboard Icons`, - description: `Download the ${formattedIconName} icon in SVG, PNG, and WEBP formats for FREE. Part of a collection of ${totalIcons} curated icons for services, applications and tools, designed specifically for dashboards and app directories.`, + description: `Download the ${formattedIconName} icon in SVG, PNG, and WEBP formats. Available for free in our collection of ${totalIcons} icons for dashboards and applications.`, images: [iconImageUrl], }, alternates: { diff --git a/web/src/app/icons/components/icon-search.tsx b/web/src/app/icons/components/icon-search.tsx index 8639a582..6b42f363 100644 --- a/web/src/app/icons/components/icon-search.tsx +++ b/web/src/app/icons/components/icon-search.tsx @@ -228,11 +228,11 @@ export function IconSearch({ icons }: IconSearchProps) { const getSortLabel = (sort: SortOption) => { switch (sort) { case "relevance": - return "Best match" + return "Relevance" case "alphabetical-asc": - return "A to Z" + return "Name (A-Z)" case "alphabetical-desc": - return "Z to A" + return "Name (Z-A)" case "newest": return "Newest first" default: @@ -265,7 +265,7 @@ export function IconSearch({ icons }: IconSearchProps) { handleSearch(e.target.value)} @@ -279,7 +279,7 @@ export function IconSearch({ icons }: IconSearchProps) {Help us expand our collection
+- Found {filteredIcons.length} icon - {filteredIcons.length !== 1 ? "s" : ""}. + {filteredIcons.length} {filteredIcons.length === 1 ? "icon" : "icons"} found
And {filteredIcons.length - 120} more...
} + {filteredIcons.length > 120 &&{filteredIcons.length - 120} more icons available
} > ) } diff --git a/web/src/app/icons/page.tsx b/web/src/app/icons/page.tsx index a218be25..ddd06cea 100644 --- a/web/src/app/icons/page.tsx +++ b/web/src/app/icons/page.tsx @@ -9,7 +9,7 @@ export async function generateMetadata(): PromiseSearch through our collection of {icons.length} beautiful icons.
+Search our collection of {icons.length} icons.
- The icon you are looking for could not be found or there was an error loading it. + This icon does not exist or could not be loaded.
- Contribute to our icon collection by suggesting a new icon or improving an existing one. + Submit a new icon or suggest improvements to our collection.
- A collection of curated icons for services, applications and tools, designed specifically for dashboards and app directories. + Collection of icons for applications, services, and tools - designed for dashboards and app directories.
- Available in{" "} - {availableFormats.length > 1 - ? `${availableFormats.length} formats (${availableFormats.map((f) => f.toUpperCase()).join(", ")})` - : `${availableFormats[0].toUpperCase()} format`}{" "} + Available in {availableFormats.length > 1 + ? `${availableFormats.length} formats (${availableFormats.map((f) => f.toUpperCase()).join(", ")}) ` + : `${availableFormats[0].toUpperCase()} format `} with a base format of {iconData.base.toUpperCase()}. {iconData.colors && " Includes both light and dark theme variants for better integration with different UI designs."}
- Use the {icon} icon in your web applications, dashboards, or documentation to enhance visual communication and user - experience. + Perfect for adding to dashboards, app directories, documentation, or anywhere you need the {icon.replace(/-/g, " ")} logo.