Skip to content

Commit 46fe050

Browse files
AlejandroLunaDevAlejandroLunaDev
committed
chore: 🔧 Update package dependencies and refactor SearchBar components
- Added @mui/material to package.json and updated its version. - Updated pdfjs-dist to version 5.2.133 for improved functionality. - Replaced TuneIcon with GiSettingsKnobs in SearchBar components across multiple features for consistent icon usage.
1 parent cc34312 commit 46fe050

File tree

7 files changed

+725
-731
lines changed

7 files changed

+725
-731
lines changed

‎frontend/platform/favicon.ico

24.9 KB
Binary file not shown.

‎frontend/platform/features/demo-videos/components/SearchBar.jsx

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import React, { useState } from 'react';
2-
import TuneIcon from '@mui/icons-material/Tune';
2+
import { GiSettingsKnobs } from 'react-icons/gi';
33

44
export function SearchBar({
55
searchQuery,
@@ -54,7 +54,7 @@ export function SearchBar({
5454
onClick={() => setShowFilters(!showFilters)}
5555
className='px-3 py-2 border border-gray-300 bg-white rounded-md flex items-center'
5656
>
57-
<TuneIcon className='text-gray-500' fontSize='small' />
57+
<GiSettingsKnobs className='text-gray-500' size={18} />
5858
</button>
5959
</div>
6060

@@ -79,7 +79,7 @@ export function SearchBar({
7979
))}
8080
</select>
8181
<div className='absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none'>
82-
<TuneIcon className='text-gray-500' fontSize='small' />
82+
<GiSettingsKnobs className='text-gray-500' size={18} />
8383
</div>
8484
</div>
8585
</div> */}
@@ -99,7 +99,7 @@ export function SearchBar({
9999
<option value='oldest'>Más antiguo primero</option>
100100
</select>
101101
<div className='absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none'>
102-
<LucideFilter className='text-gray-500' fontSize='small' />
102+
<GiSettingsKnobs className='text-gray-500' size={18} />
103103
</div>
104104
</div>
105105
</div>
@@ -134,12 +134,12 @@ export function SearchBar({
134134
/>
135135
</svg>
136136
</div>
137-
</div>
137+
</div>
138138

139139
{/* Selector de Fecha */}
140140
<div className='relative'>
141141
<button className='px-4 py-2 border border-gray-300 bg-white rounded-md flex items-center gap-2'>
142-
<TuneIcon className='text-gray-500' fontSize='small' />
142+
<GiSettingsKnobs className='text-gray-500' size={18} />
143143
fecha
144144
</button>
145145
<select
@@ -155,4 +155,4 @@ export function SearchBar({
155155
</div>
156156
</div>
157157
);
158-
}
158+
}

‎frontend/platform/features/educational-material/components/SearchBar.jsx

Lines changed: 6 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
import React, { useState } from 'react';
2-
import TuneIcon from '@mui/icons-material/Tune';
3-
import { FiFilter } from 'react-icons/fi';
2+
import { GiSettingsKnobs } from 'react-icons/gi';
43

54
export function SearchBar({
65
searchQuery,
@@ -55,7 +54,7 @@ export function SearchBar({
5554
onClick={() => setShowFilters(!showFilters)}
5655
className='px-3 py-2 border border-gray-300 bg-white rounded-md flex items-center'
5756
>
58-
<FiFilter className='text-gray-500' />
57+
<GiSettingsKnobs className='text-gray-500' size={18} />
5958
</button>
6059
</div>
6160

@@ -80,7 +79,7 @@ export function SearchBar({
8079
))}
8180
</select>
8281
<div className='absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none'>
83-
<TuneIcon className='text-gray-500' fontSize='small' />
82+
<GiSettingsKnobs className='text-gray-500' size={18} />
8483
</div>
8584
</div>
8685
</div>
@@ -100,7 +99,7 @@ export function SearchBar({
10099
<option value='oldest'>Más antiguo primero</option>
101100
</select>
102101
<div className='absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none'>
103-
<TuneIcon className='text-gray-500' fontSize='small' />
102+
<GiSettingsKnobs className='text-gray-500' size={18} />
104103
</div>
105104
</div>
106105
</div>
@@ -140,7 +139,7 @@ export function SearchBar({
140139
{/* Selector de Tipo */}
141140
<div className='relative'>
142141
<button className='px-4 py-2 border border-gray-300 bg-white rounded-md flex items-center gap-2'>
143-
<TuneIcon />
142+
<GiSettingsKnobs className='text-gray-500' size={18} />
144143
Tipo
145144
</button>
146145
<select
@@ -159,7 +158,7 @@ export function SearchBar({
159158
{/* Selector de Fecha */}
160159
<div className='relative'>
161160
<button className='px-4 py-2 border border-gray-300 bg-white rounded-md flex items-center gap-2'>
162-
<TuneIcon />
161+
<GiSettingsKnobs className='text-gray-500' size={18} />
163162
fecha
164163
</button>
165164
<select

‎frontend/platform/features/medical-articles/components/SearchBar.jsx

Lines changed: 6 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
import React, { useState } from 'react';
2-
import TuneIcon from '@mui/icons-material/Tune';
3-
import { FiFilter } from 'react-icons/fi';
2+
import { GiSettingsKnobs } from 'react-icons/gi';
43

54
export function SearchBar({
65
searchQuery,
@@ -55,7 +54,7 @@ export function SearchBar({
5554
onClick={() => setShowFilters(!showFilters)}
5655
className='px-3 py-2 border border-gray-300 bg-white rounded-md flex items-center'
5756
>
58-
<FiFilter className='text-gray-500' />
57+
<GiSettingsKnobs className='text-gray-500' size={18} />
5958
</button>
6059
</div>
6160

@@ -80,7 +79,7 @@ export function SearchBar({
8079
))}
8180
</select>
8281
<div className='absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none'>
83-
<TuneIcon className='text-gray-500' fontSize='small' />
82+
<GiSettingsKnobs className='text-gray-500' size={18} />
8483
</div>
8584
</div>
8685
</div>
@@ -100,7 +99,7 @@ export function SearchBar({
10099
<option value='oldest'>Más antiguo primero</option>
101100
</select>
102101
<div className='absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none'>
103-
<TuneIcon className='text-gray-500' fontSize='small' />
102+
<GiSettingsKnobs className='text-gray-500' size={18} />
104103
</div>
105104
</div>
106105
</div>
@@ -140,7 +139,7 @@ export function SearchBar({
140139
{/* Selector de Tipo */}
141140
<div className='relative'>
142141
<button className='px-4 py-2 border border-gray-300 bg-white rounded-md flex items-center gap-2'>
143-
<TuneIcon />
142+
<GiSettingsKnobs className='text-gray-500' size={18} />
144143
Tipo
145144
</button>
146145
<select
@@ -159,7 +158,7 @@ export function SearchBar({
159158
{/* Selector de Fecha */}
160159
<div className='relative'>
161160
<button className='px-4 py-2 border border-gray-300 bg-white rounded-md flex items-center gap-2'>
162-
<TuneIcon />
161+
<GiSettingsKnobs className='text-gray-500' size={18} />
163162
fecha
164163
</button>
165164
<select

‎frontend/platform/features/tutorials/components/SearchBar.jsx

Lines changed: 7 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,5 @@
1-
import { Filter, LucideFilter } from 'lucide-react';
21
import React, { useState } from 'react';
3-
import TuneIcon from '@mui/icons-material/Tune';
4-
2+
import { GiSettingsKnobs } from 'react-icons/gi';
53

64
export function SearchBar({
75
searchQuery,
@@ -56,7 +54,7 @@ export function SearchBar({
5654
onClick={() => setShowFilters(!showFilters)}
5755
className='px-3 py-2 border border-gray-300 bg-white rounded-md flex items-center'
5856
>
59-
<TuneIcon className='text-gray-500' fontSize='small' />
57+
<GiSettingsKnobs className='text-gray-500' size={18} />
6058
</button>
6159
</div>
6260

@@ -81,7 +79,7 @@ export function SearchBar({
8179
))}
8280
</select>
8381
<div className='absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none'>
84-
<Filter className='text-gray-500' fontSize='small' />
82+
<GiSettingsKnobs className='text-gray-500' size={18} />
8583
</div>
8684
</div>
8785
</div> */}
@@ -101,7 +99,7 @@ export function SearchBar({
10199
<option value='oldest'>Más antiguo primero</option>
102100
</select>
103101
<div className='absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none'>
104-
<LucideFilter className='text-gray-500' fontSize='small' />
102+
<GiSettingsKnobs className='text-gray-500' size={18} />
105103
</div>
106104
</div>
107105
</div>
@@ -139,9 +137,9 @@ export function SearchBar({
139137
</div>
140138

141139
{/* Selector de Categoría */}
142-
{/* <div className='relative'>
140+
{/* <div className='relative'>
143141
<button className='px-4 py-2 border border-gray-300 bg-white rounded-md flex items-center gap-2'>
144-
<Filter />
142+
<GiSettingsKnobs className='text-gray-500' size={18} />
145143
Categoría
146144
</button>
147145
<select
@@ -160,7 +158,7 @@ export function SearchBar({
160158
{/* Selector de Fecha */}
161159
<div className='relative'>
162160
<button className='px-4 py-2 border border-gray-300 bg-white rounded-md flex items-center gap-2'>
163-
<TuneIcon className='text-gray-500' fontSize='small' />
161+
<GiSettingsKnobs className='text-gray-500' size={18} />
164162
fecha
165163
</button>
166164
<select

0 commit comments

Comments
 (0)