sonika/sony_intranet_remake2023
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

code cleanup and other fixes

Browse Source
This commit is contained in:
Sonika 2024-01-02 20:02:07 +05:30
parent 45fba7f26d
commit dbe1597d21
3 changed files with 26 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/APIs/SearchAPIs/postSearchList.ts
View File

@ -1,35 +1,8 @@
// import {useQuery} from '@tanstack/react-query';
// type props={
// artist:string,
// asset_type:number,
// genre:string,
// language:string,
// mood:string,
// rights:number,
// searchByValue:string,
// territory:string,
// validity:number,
// }
// export const postSearchList = async({artist,asset_type,genre,language,mood,rights,searchByValue,territory,validity,}:props)=>{
// const response = await fetch(`${process.env.REACT_APP_API_URL}/project-list-search`);
// const projectListData = await response.json()
// return projectListData;
// }
// export const usePostSearchListData = (searchBy: any) => {
// return useQuery(
// {
// queryKey: ['search-project-list', searchBy],
// queryFn: () => postSearchList(searchBy)
// }
// );
// };
import axios from "axios"; import axios from "axios";
export const postSearchList = async (data: any)=> { export const postSearchList = async (data: any)=> {
const { data: response } = await axios.post( const { data: response } = await axios.post(
`${process.env.REACT_APP_API_URL}/add-user`, `${process.env.REACT_APP_API_URL}/project-list-search`,
data data
); );
return await response.data; return await response.data;

12
src/components/search/AdvancedFilters.tsx
View File

@ -10,7 +10,7 @@ import {
} from '@mui/material'; } from '@mui/material';
const menuItemStyle = { const menuItemStyle = {
fontSize: '13px', // Adjust the font size as needed fontSize: '13px',
}; };
const AdvancedFilters = ({ advanceFilterData, setAdvanceFilterData }:any) => { const AdvancedFilters = ({ advanceFilterData, setAdvanceFilterData }:any) => {
@ -21,7 +21,7 @@ const AdvancedFilters = ({ advanceFilterData, setAdvanceFilterData }:any) => {
return ( return (
<Paper square sx={{ width:'100%', overflow: 'hidden', backgroundColor: 'rgb(13 13 13)' }}> <Paper square sx={{ width:'100%', overflow: 'hidden', backgroundColor: 'rgb(13 13 13)' }}>
<Grid container spacing={2} justifyContent="center" sx={{marginTop:'1%',marginBottom:'1%'}} > <Grid container spacing={1} justifyContent="center" sx={{marginTop:'1%',marginBottom:'1%'}} >
<Grid item xs={6} sm={3} md={3} lg={1.6} > <Grid item xs={6} sm={3} md={3} lg={1.6} >
<FormControl fullWidth variant="standard"> <FormControl fullWidth variant="standard">
<InputLabel sx={{ color: 'white',paddingLeft:1,fontSize: '12px' }}>Assets</InputLabel> <InputLabel sx={{ color: 'white',paddingLeft:1,fontSize: '12px' }}>Assets</InputLabel>
@ -102,8 +102,8 @@ const AdvancedFilters = ({ advanceFilterData, setAdvanceFilterData }:any) => {
</Grid> </Grid>
<Grid item xs={6} sm={3} md={3} lg={1.6}> <Grid item xs={6} sm={3} md={3} lg={1.6}>
<FormControl fullWidth variant="standard"> {/* <FormControl fullWidth variant="standard">
<InputLabel sx={{ color: 'white', paddingLeft: 1 }}>Territory</InputLabel> <InputLabel sx={{ color: 'white', paddingLeft: 1 }}>Territory</InputLabel> */}
<TextField <TextField
variant="standard" variant="standard"
value={advanceFilterData.territory} value={advanceFilterData.territory}
@ -111,13 +111,13 @@ const AdvancedFilters = ({ advanceFilterData, setAdvanceFilterData }:any) => {
handleFilterChange('territory', e.target.value); handleFilterChange('territory', e.target.value);
}} }}
InputProps={{ InputProps={{
style: { marginLeft:2 }, // Set the color and font size style: { marginLeft:2 },
}} }}
sx={{ color: 'white', border: '1px solid white', marginTop: 2,'& input': { sx={{ color: 'white', border: '1px solid white', marginTop: 2,'& input': {
color: 'white', color: 'white',
}, }} }, }}
/> />
</FormControl> {/* </FormControl> */}
</Grid> </Grid>
<Grid item xs={6} sm={3} md={3} lg={1.6} > <Grid item xs={6} sm={3} md={3} lg={1.6} >

24
src/components/search/Search.tsx
View File

@ -7,7 +7,7 @@ export default function Search() {
const [searchText, setSearchText] = useState(''); const [searchText, setSearchText] = useState('');
const [advanceFilterData, setAdvanceFilterData] = useState<any>( const [advanceFilterData, setAdvanceFilterData] = useState<any>(
{ {
searchText, searchByValue:searchText,
rights: 0, rights: 0,
asset_type: 0, asset_type: 0,
territory: '', territory: '',
@ -20,20 +20,34 @@ export default function Search() {
); );
const [showAdvancedFilters, setShowAdvancedFilters] = useState(false); const [showAdvancedFilters, setShowAdvancedFilters] = useState(false);
useEffect(()=>{ // useEffect(()=>{
postSearchList(advanceFilterData) // postSearchList(advanceFilterData)
},[advanceFilterData]) // },[advanceFilterData])
const handleSearch = () => { const handleSearch = () => {
postSearchList(advanceFilterData)
}; };
const handleClear = () => { const handleClear = () => {
setSearchText(''); setSearchText('');
handleAdvancedFilter()
}; };
const handleAdvancedFilter = () => { const handleAdvancedFilter = () => {
setShowAdvancedFilters(!showAdvancedFilters); setShowAdvancedFilters(!showAdvancedFilters);
if (showAdvancedFilters==false){
setAdvanceFilterData({
searchText,
rights: 0,
asset_type: 0,
territory: '',
genre: '',
language: '',
mood: '',
validity: 0,
artist: ''
})
}
}; };
return ( return (