Update button labels and links, adjust title length validation

• Change aria-label from "Settings" to "Categories" and update link to "/categories" in FeaturedCollections. • Update aria-label to "Users" and maintain link to "/users" in FeaturedArtists. • Modify title length validation from minimum 7 to 5 characters in AccountServicesCreate. • Add Link component with user profile URL to Card in AccountIndex.
jamalsoueidan · Jul 12, 2024 · 12f5dc8 · 12f5dc8
1 parent c9486c3
commit 12f5dc8
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 6 deletions.
diff --git a/app/routes/_index.tsx b/app/routes/_index.tsx
@@ -217,9 +217,9 @@ function FeaturedCollections() {
               variant="outline"
               color="black"
               size="lg"
-              aria-label="Settings"
+              aria-label="Categories"
               component={Link}
-              to="/users"
+              to="/categories"
               radius="lg"
               rightSection={
                 <IconArrowRight
@@ -283,7 +283,7 @@ function FeaturedArtists() {
               variant="outline"
               color="black"
               size="lg"
-              aria-label="Settings"
+              aria-label="Users"
               component={Link}
               to="/users"
               radius="lg"

diff --git a/app/routes/account.business.service.tsx b/app/routes/account.business.service.tsx
@@ -220,7 +220,7 @@ export default function AccountServicesCreate() {
                       !(
                         fields.title.valid &&
                         fields.title.value &&
-                        fields.title.value.length > 7
+                        fields.title.value.length > 5
                       )
                     }
                     onClick={aiSuggestion}
@@ -238,7 +238,7 @@ export default function AccountServicesCreate() {
                         opened={
                           fields.title.valid &&
                           fields.title.value &&
-                          fields.title.value.length > 7
+                          fields.title.value.length > 5
                             ? true
                             : false
                         }

diff --git a/app/routes/business._index.tsx b/app/routes/business._index.tsx
@@ -51,7 +51,11 @@ export default function AccountIndex() {
     <Container size="md" my={{base: rem(80), sm: rem(100)}}>
       <Grid align="center">
         <Grid.Col span={{base: 12, sm: 6}}>
-          <Card p={{base: 'sm', sm: 'xl'}}>
+          <Card
+            p={{base: 'sm', sm: 'xl'}}
+            component={Link}
+            to={`/${user?.username}`}
+          >
             <Group>
               {user?.images?.profile?.url ? (
                 <Avatar