230419/my_closet
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Filtros

Browse Source
This commit is contained in:
Vitor Moreira
2026-05-04 22:15:54 +01:00
parent 78b56a8b78
commit daaecd97d2
2 changed files with 5 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/App.jsx
View File

@@ -1967,27 +1967,6 @@ export default function App() {
{availableColors.map(c => <option key={c} value={c}>{c}</option>)} {availableColors.map(c => <option key={c} value={c}>{c}</option>)}
</select> </select>
</div> </div>
<div className="space-y-4">
<label className="text-[10px] font-black uppercase opacity-40 tracking-widest ml-1 text-inherit">{t('filterByAge')}</label>
<div className="grid grid-cols-2 gap-2">
{[
{ id: 'any', label: t('anyAge') },
{ id: 'month', label: t('lessThanMonth') },
{ id: '6months', label: t('lessThan6Months') },
{ id: '1year', label: t('lessThanYear') },
{ id: 'older', label: t('older') }
].map(ageOpt => (
<button
key={ageOpt.id}
onClick={() => setAgeFilter(ageOpt.id)}
className={`px-4 py-3 rounded-xl font-bold text-xs transition-all ${ageFilter === ageOpt.id ? 'bg-primary-600 text-white shadow-xl shadow-primary-600/30' : (darkMode ? 'bg-gray-800 text-gray-400' : 'bg-gray-50 text-gray-500')} ${ageOpt.id === 'any' ? 'col-span-2' : ''}`}
>
{ageOpt.label}
</button>
))}
</div>
</div>
</div> </div>
<div className="pt-8 flex gap-4 border-t mt-8 border-gray-100 dark:border-gray-800"> <div className="pt-8 flex gap-4 border-t mt-8 border-gray-100 dark:border-gray-800">

10
src/lib/i18n.js
View File

@@ -103,7 +103,7 @@ export const translations = {
userTitle: "Utilizador", userTitle: "Utilizador",
themeColor: "Cor do Tema", themeColor: "Cor do Tema",
personalizeColor: "Personalizar a cor", personalizeColor: "Personalizar a cor",
advancedFilters: "Filtros Avançados", advancedFilters: "Filtros",
filterByColor: "Cor", filterByColor: "Cor",
filterByAge: "Idade da Peça", filterByAge: "Idade da Peça",
anyAge: "Qualquer Idade", anyAge: "Qualquer Idade",
@@ -275,7 +275,7 @@ export const translations = {
userTitle: "User", userTitle: "User",
themeColor: "Theme Color", themeColor: "Theme Color",
personalizeColor: "Personalize the color", personalizeColor: "Personalize the color",
advancedFilters: "Advanced Filters", advancedFilters: "Filters",
filterByColor: "Color", filterByColor: "Color",
filterByAge: "Item Age", filterByAge: "Item Age",
anyAge: "Any Age", anyAge: "Any Age",
@@ -447,7 +447,7 @@ export const translations = {
userTitle: "Usuario", userTitle: "Usuario",
themeColor: "Color del Tema", themeColor: "Color del Tema",
personalizeColor: "Personaliza el color", personalizeColor: "Personaliza el color",
advancedFilters: "Filtros Avanzados", advancedFilters: "Filtros",
filterByColor: "Color", filterByColor: "Color",
filterByAge: "Edad de la Prenda", filterByAge: "Edad de la Prenda",
anyAge: "Cualquier Edad", anyAge: "Cualquier Edad",
@@ -619,7 +619,7 @@ export const translations = {
userTitle: "Utilisateur", userTitle: "Utilisateur",
themeColor: "Couleur du Thème", themeColor: "Couleur du Thème",
personalizeColor: "Personnaliser la couleur", personalizeColor: "Personnaliser la couleur",
advancedFilters: "Filtres Avancés", advancedFilters: "Filtres",
filterByColor: "Couleur", filterByColor: "Couleur",
filterByAge: "Âge de l'article", filterByAge: "Âge de l'article",
anyAge: "Tout âge", anyAge: "Tout âge",
@@ -791,7 +791,7 @@ export const translations = {
userTitle: "Benutzer", userTitle: "Benutzer",
themeColor: "Themenfarbe", themeColor: "Themenfarbe",
personalizeColor: "Farbe anpassen", personalizeColor: "Farbe anpassen",
advancedFilters: "Erweiterte Filter", advancedFilters: "Filter",
filterByColor: "Farbe", filterByColor: "Farbe",
filterByAge: "Artikelalter", filterByAge: "Artikelalter",
anyAge: "Jedes Alter", anyAge: "Jedes Alter",