diff --git a/web/src/app/icons/[icon]/page.tsx b/web/src/app/icons/[icon]/page.tsx index eab2ce81..c9ffb02d 100644 --- a/web/src/app/icons/[icon]/page.tsx +++ b/web/src/app/icons/[icon]/page.tsx @@ -51,11 +51,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.`, - assets: [ - `${BASE_URL}/svg/${icon}.svg`, - `${BASE_URL}/png/${icon}.png`, - `${BASE_URL}/webp/${icon}.webp`, - ], + assets: [`${BASE_URL}/svg/${icon}.svg`, `${BASE_URL}/png/${icon}.png`, `${BASE_URL}/webp/${icon}.webp`], keywords: [ `${formattedIconName} icon`, `${formattedIconName} icon download`, diff --git a/web/src/app/icons/page.tsx b/web/src/app/icons/page.tsx index 78669d9a..2fbff9e3 100644 --- a/web/src/app/icons/page.tsx +++ b/web/src/app/icons/page.tsx @@ -46,7 +46,7 @@ export default async function IconsPage() {

Browse icons

-

Search through our collection of {icons.length} beautiful icons.

+

Search through our collection of {icons.length} beautiful icons.

diff --git a/web/src/app/layout.tsx b/web/src/app/layout.tsx index 55c212e4..877a60c5 100644 --- a/web/src/app/layout.tsx +++ b/web/src/app/layout.tsx @@ -82,7 +82,6 @@ export async function generateMetadata(): Promise { } export default function RootLayout({ children }: Readonly<{ children: React.ReactNode }>) { - return ( diff --git a/web/src/components/header.tsx b/web/src/components/header.tsx index b431b564..0259708a 100644 --- a/web/src/components/header.tsx +++ b/web/src/components/header.tsx @@ -39,9 +39,7 @@ export function Header() { } return ( -
+
@@ -107,4 +105,4 @@ export function Header() { {isLoaded && }
) -} \ No newline at end of file +} diff --git a/web/src/components/hero.tsx b/web/src/components/hero.tsx index 97e1cd17..055a1ff7 100644 --- a/web/src/components/hero.tsx +++ b/web/src/components/hero.tsx @@ -224,7 +224,7 @@ export function HeroSection({ totalIcons, stars }: { totalIcons: number; stars:
- Explore icons + Browse icons @@ -478,7 +478,7 @@ function SearchInput({ searchQuery, setSearchQuery, totalIcons }: SearchInputPro name="q" autoFocus type="search" - placeholder={`Find any of ${totalIcons} icons by name or category...`} + placeholder={`Search our collection of ${totalIcons} icons by name or category...`} className="pl-10 h-10 md:h-12 rounded-lg w-full border-border focus:border-primary/20 text-sm md:text-base" value={searchQuery} onChange={(e) => setSearchQuery(e.target.value)} diff --git a/web/src/components/icon-card.tsx b/web/src/components/icon-card.tsx index 7ce8cd7b..8d547b5f 100644 --- a/web/src/components/icon-card.tsx +++ b/web/src/components/icon-card.tsx @@ -30,8 +30,6 @@ export function IconCard({ {formatedIconName} - - {matchedAlias && Alias: {matchedAlias}} ) diff --git a/web/src/components/icon-details.tsx b/web/src/components/icon-details.tsx index 253c0b4d..59a4a121 100644 --- a/web/src/components/icon-details.tsx +++ b/web/src/components/icon-details.tsx @@ -6,6 +6,7 @@ import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip" import { BASE_URL, REPO_PATH } from "@/constants" +import { formatIconName } from "@/lib/utils" import type { AuthorData, Icon, IconFile } from "@/types/icons" import confetti from "canvas-confetti" import { motion } from "framer-motion" @@ -18,7 +19,6 @@ import { toast } from "sonner" import { Carbon } from "./carbon" import { MagicCard } from "./magicui/magic-card" import { Badge } from "./ui/badge" -import { formatIconName } from "@/lib/utils" export type IconDetailsProps = { icon: string @@ -241,12 +241,7 @@ export function IconDetails({ icon, iconData, authorData, allIcons }: IconDetail -
@@ -509,4 +506,4 @@ export function IconDetails({ icon, iconData, authorData, allIcons }: IconDetail )} ) -} \ No newline at end of file +} diff --git a/web/src/components/icon-search.tsx b/web/src/components/icon-search.tsx index cf0832cb..df6610c5 100644 --- a/web/src/components/icon-search.tsx +++ b/web/src/components/icon-search.tsx @@ -285,7 +285,7 @@ export function IconSearch({ icons }: IconSearchProps) { - Categories + Select Categories
@@ -311,7 +311,7 @@ export function IconSearch({ icons }: IconSearchProps) { }} className="cursor-pointer focus: focus:bg-rose-50 dark:focus:bg-rose-950/20" > - Clear all filters + Clear categories )} @@ -332,13 +332,15 @@ export function IconSearch({ icons }: IconSearchProps) { handleSortChange(value as SortOption)}> - Best match + Relevance - A to Z + + Name (A-Z) - Z to A + + Name (Z-A) @@ -352,7 +354,7 @@ export function IconSearch({ icons }: IconSearchProps) { {(searchQuery || selectedCategories.length > 0 || sortOption !== "relevance") && ( )}
@@ -360,7 +362,7 @@ export function IconSearch({ icons }: IconSearchProps) { {/* Active filter badges */} {selectedCategories.length > 0 && (
- Filters: + Selected:
{selectedCategories.map((category) => ( @@ -386,7 +388,7 @@ export function IconSearch({ icons }: IconSearchProps) { }} className="text-xs h-7 px-2 cursor-pointer" > - Clear all + Clear
)} @@ -397,27 +399,33 @@ export function IconSearch({ icons }: IconSearchProps) { {filteredIcons.length === 0 ? (
-

We don't have this one...yet!

+

Icon not found

+

Help us expand our collection

+
+
+ +
+ Can't submit it yourself? + +
- -
) : ( <> @@ -437,4 +445,4 @@ export function IconSearch({ icons }: IconSearchProps) { )} ) -} \ No newline at end of file +} diff --git a/web/src/components/recently-added-icons.tsx b/web/src/components/recently-added-icons.tsx index eb852ff8..963ec24c 100644 --- a/web/src/components/recently-added-icons.tsx +++ b/web/src/components/recently-added-icons.tsx @@ -61,7 +61,7 @@ export function RecentlyAddedIcons({ icons }: { icons: IconWithName[] }) { href="/icons" className="font-medium inline-flex items-center py-2 px-4 rounded-full border transition-all duration-200 group hover-lift soft-shadow" > - View complete collection + View all icons
@@ -115,4 +115,4 @@ function RecentIconCard({ ) -} \ No newline at end of file +}