@campxdev/shared 1.10.81 → 1.10.83

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@campxdev/shared",
-  "version": "1.10.81",
+  "version": "1.10.83",
   "main": "./exports.ts",
   "scripts": {
     "start": "react-scripts start",

package/src/components/FilterComponents/SearchBar.tsx

@@ -9,11 +9,13 @@ interface SearchBarProps {
   onSearch: (v: string) => void
   label?: ReactNode
   textFieldProps?: ITextFieldProps
+  placeholder?: string
 }
 
 export default function SearchBar({
   onSearch,
   label,
+  placeholder = 'Search',
   ...restProps
 }: SearchBarProps) {
   const [, setSearch] = useState('')
@@ -30,7 +32,7 @@ export default function SearchBar({
   return (
     <TextField
       label={label}
-      placeholder="Search"
+      placeholder={placeholder}
       onChange={debouncedChangeHandler}
       InputProps={{
         endAdornment: (

package/src/components/Institutions/InsititutionsDialog.tsx

@@ -1,18 +1,29 @@
-import { Box, Typography, styled } from '@mui/material'
+import { Box, TextField, Typography, styled } from '@mui/material'
+import { useState } from 'react'
 import { InsititutionsStore } from '../../shared-state/InstitutionsStore'
 import Image from '../Image/Image'
 
 export default function InsititutionsDialog({ close }) {
+  const [searchText, setSearchText] = useState('')
   const { institutions } = InsititutionsStore.useState((s) => s)
+  const filteredInstitutions = institutions.filter((item) =>
+    item.name.toLowerCase().includes(searchText.toLowerCase()),
+  )
 
   return (
     <Box sx={{ padding: '20px' }}>
       <Typography variant="h3" textAlign={'center'}>
-        Select an Instituition
+        Select an Institution
       </Typography>
-
+      <TextField
+        label="Search Institution"
+        variant="outlined"
+        margin="normal"
+        value={searchText}
+        onChange={(e) => setSearchText(e.target.value)}
+      />
       <StyledInstitutionContainer>
-        {institutions?.map((item, index) => (
+        {filteredInstitutions?.map((item, index) => (
           <InstitutionCard institution={item} key={index} />
         ))}
       </StyledInstitutionContainer>

package/src/hooks/useAuth.ts

@@ -42,7 +42,7 @@ const checkIsAdmin = (user) => {
   let subDomain = window.location.host.split('.')?.slice(-3)[0]
   const localSubDomain = process.env.REACT_APP_SUBDOMAIN
 
-  if (user?.isSuperuser) return 1
+  if (user?.isSuperUser) return 1
 
   if (process.env.NODE_ENV === 'development') {
     subDomain = localSubDomain
@@ -235,6 +235,9 @@ function useAuth({ permissionsEndpoint, loginUrl }: AuthParams): AuthResponse {
             can_challan_registrations_view:
               isMasterSlave &&
               res.data?.permissions.can_challan_registrations_view,
+            can_my_mentees_view:
+              res.data?.user?.isMentor &&
+              res.data?.permissions.can_my_mentees_view,
           } as any
           s.applications = res.data?.applications ?? []
         })