@@ -8,11 +8,11 @@ import Image from 'next/image';
8
8
import { motion , useScroll } from 'framer-motion' ;
9
9
import Navbar from '@/components/navbar1' ;
10
10
import Footer from '../../components/footer' ;
11
- import Loader from "../../components/loader" ; // Import the loader component
11
+ import Loader from "../../components/loader" ;
12
12
import SkeletonLoader from "../../components/skeltonloader" ;
13
13
14
14
const client = new ApolloClient ( {
15
- uri : process . env . GRAPH_QL_URI || 'https ://images.istenith.com /graphql/ ' ,
15
+ uri : process . env . GRAPH_QL_URI || 'http ://localhost:5000 /graphql' ,
16
16
cache : new InMemoryCache ( ) ,
17
17
} ) ;
18
18
@@ -91,15 +91,15 @@ const Team = () => {
91
91
/>
92
92
< div className = "min-h-screen bg-[#171616] text-white" >
93
93
< div className = "bg-[#171616] lg:w-full top-0 z-50" >
94
- < div className = "lg:ml-16 mx-auto lg:px-0 pt-20 text-[50px] md:text-6xl font-actor text-center lg:text-start" > ISTE NITH</ div >
94
+ < div className = "lg:ml-16 mx-auto lg:px-0 pt-20 text-[50px] md:text-6xl font-actor text-center lg:text-start" > ISTE NITH</ div >
95
95
< div className = "border-t-2 border-white mx-auto -mt-2 lg:my-1 w-10/12 lg:w-11/12" > </ div >
96
96
</ div >
97
97
98
98
< div className = "flex flex-col-reverse lg:flex-row mt-16 pt-24 lg:pt-0 lg:mt-10" >
99
- < div className = " grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 lg:gap-4 w-full md:w-full lg:w-9/12 lg:mx-12" >
99
+ < div className = { ` grid ${ ' grid-cols-1 md:grid-cols-2 lg:grid-cols-4 lg:gap-4' } w-full md:w-full lg:w-9/12 lg:mx-12` } >
100
100
{ filteredProfiles . map ( ( details , index ) => (
101
101
< motion . div
102
- className = " w-full mb-6 md:mb-8 lg:mb-0"
102
+ className = { ` ${ initialYear === ' w-full mb-6 md:mb-8 lg:mb-0' } ` }
103
103
key = { `${ initialYear } -${ index } ` }
104
104
initial = { { opacity : 0 , y : 30 } }
105
105
animate = { { opacity : 1 , y : 0 } }
@@ -151,12 +151,13 @@ const Team = () => {
151
151
) ) }
152
152
</ div >
153
153
154
- < div className = "flex flex-col items-center lg:items-start lg:right-12 lg:mt-0 -mt-36 " >
154
+ < div className = "flex flex-col items-center lg:items-start lg:right-12 lg:mt-0 -mt-36" >
155
155
< div className = { `font-barlow ${ getFontSize ( initialYear ) } font-f2 flex flex-row lg:flex-col items-center lg:items-start text-center lg:text-left` } >
156
- { /* Conditionally display either the year or "INCHARGE" */ }
157
156
{ initialYear === 'FI' ? (
158
- < div className = 'flex flex-col text-4xl' > < div className = '' > FACULTY</ div >
159
- < div className = 'mt-1' > INCHARGE</ div > </ div >
157
+ < div className = "flex flex-col text-4xl" >
158
+ < div > FACULTY</ div >
159
+ < div className = "mt-1" > INCHARGE</ div >
160
+ </ div >
160
161
) : (
161
162
< >
162
163
< div > { initialYear . toUpperCase ( ) } </ div >
@@ -168,22 +169,22 @@ const Team = () => {
168
169
< div className = "flex flex-col items-center lg:items-start w-full mt-0 mb-8 lg:mt-80" >
169
170
< div className = "sm:border-t-2 sm:border-white sm:w-3/4 lg:w-full mx-auto mb-4" > </ div >
170
171
< div className = "grid grid-cols-2 gap-4 lg:grid-cols-1 lg:gap-0 lg:-ml-8 sm:ml-0" >
171
- < div className = "border-2 lg:border-hidden border-white rounded-lg sm:p-2 lg:p-0 lg:text-2xl text-1.3xl transition-transform transform font-actor hover:scale-105" >
172
- < button onClick = { ( ) => setYear ( 'FI' ) } className = "w-full " > FI ISTE</ button >
172
+ < div className = "border-2 lg:border-hidden border-white rounded-lg sm:p-2 lg:p-0 lg:text-2xl text-1.3xl transition-transform transform font-actor hover:scale-105" >
173
+ < button onClick = { ( ) => setYear ( 'FI' ) } className = "w-full" > FI ISTE</ button >
173
174
</ div >
174
175
< div className = "border-2 lg:border-hidden border-white rounded-lg sm:p-2 lg:p-0 lg:text-2xl text-1.3xl text-center transition-transform transform font-actor hover:scale-105" >
175
- < button onClick = { ( ) => setYear ( 'final' ) } className = "w-full " > FINAL YEAR</ button >
176
+ < button onClick = { ( ) => setYear ( 'final' ) } className = "w-full" > FINAL YEAR</ button >
176
177
</ div >
177
178
< div className = "border-2 lg:border-hidden border-white rounded-lg sm:p-2 lg:p-0 lg:text-2xl text-1.3xl text-center transition-transform font-actor transform hover:scale-105" >
178
- < button onClick = { ( ) => setYear ( 'Third' ) } className = "w-full " > THIRD YEAR</ button >
179
+ < button onClick = { ( ) => setYear ( 'Third' ) } className = "w-full" > THIRD YEAR</ button >
179
180
</ div >
180
181
< div className = "border-2 border-white lg:border-hidden rounded-lg sm:p-2 lg:ml-8 lg:p-0 lg:text-2xl text-1.3xl text-center transition-transform font-actor transform hover:scale-105" >
181
- < button onClick = { ( ) => setYear ( 'second' ) } className = "w-full " > SECOND YEAR</ button >
182
+ < button onClick = { ( ) => setYear ( 'second' ) } className = "w-full" > SECOND YEAR</ button >
182
183
</ div >
183
184
< div className = "border-2 border-white lg:border-hidden rounded-lg sm:p-2 lg:p-0 lg:text-2xl text-1.3xl text-center transition-transform font-actor transform hover:scale-105" >
184
- < button onClick = { ( ) => setYear ( 'first' ) } className = "w-full " > FIRST YEAR</ button >
185
+ < button onClick = { ( ) => setYear ( 'first' ) } className = "w-full" > FIRST YEAR</ button >
185
186
</ div >
186
-
187
+
187
188
</ div >
188
189
</ div >
189
190
</ div >
@@ -195,7 +196,7 @@ const Team = () => {
195
196
) ;
196
197
} ;
197
198
198
- const TeamWithApollo = ( ) => (
199
+ const TeamWithApollo = ( ) => (
199
200
< ApolloProvider client = { client } >
200
201
< Team />
201
202
</ ApolloProvider >
0 commit comments