Add admin role to front

browser-domain/src/App.tsx

@@ -8,7 +8,7 @@ import useAuth, { AuthProvider } from "./useAuth";
 import { EditFlight } from "./components/CreateFlight/EditFlight";
 
 function Router() {
-    const { user, logout, isAirline } = useAuth();
+    const { user, logout, isAirline, isAdmin } = useAuth();
 
     return (
         <div className="App">
@@ -17,7 +17,7 @@ function Router() {
                 <Route path="/signup" element={<SignUp />} />
                 <Route path="/home" element={!user ? <LogIn /> : <Home />} />
                 <Route path="/create-flight" element={!isAirline ? <LogIn /> : <CreateFlight />} />
-                <Route path="/edit-flight/:id" element={!isAirline ? <LogIn /> : <EditFlight />} />
+                <Route path="/edit-flight/:id" element={!isAirline && !isAdmin ? <LogIn /> : <EditFlight />} />
                 <Route path="/" element={!user ? <LogIn /> : <Home />} />
             </Routes>
             <div className="LogoutButton">

browser-domain/src/components/Home/Card/Card.tsx

@@ -24,12 +24,13 @@ interface CardProps {
     subscribed: boolean;
     refresh: any;
     isAirline: boolean;
+    isAdmin: boolean;
     refreshFlights: any;
 }
 
 const { Text } = Typography;
 
-export const Card: React.FC<CardProps> = ({ flight, user, subscribed, refresh, refreshFlights, isAirline }) => {
+export const Card: React.FC<CardProps> = ({ flight, user, subscribed, refresh, refreshFlights, isAirline, isAdmin }) => {
     const [modalVisible, setModalVisible] = useState<boolean>(false);
 
     const navigate = useNavigate(); 
@@ -81,7 +82,6 @@ export const Card: React.FC<CardProps> = ({ flight, user, subscribed, refresh, r
 
         editFlight("" + flight.id, data, token)
             .then(() => {
-                console.log("culicagado")
                 refreshFlights()
             })
             .catch((error) => {
@@ -158,7 +158,7 @@ export const Card: React.FC<CardProps> = ({ flight, user, subscribed, refresh, r
                     <Text>{flight.id}</Text>
                 </Space>
             </div>
-            {!isAirline ?
+            {!isAirline && !isAdmin ?
             (
                 !(subscribed) ? 
                 <Button type="primary" onClick={handleSubscribe}>
@@ -171,7 +171,7 @@ export const Card: React.FC<CardProps> = ({ flight, user, subscribed, refresh, r
             )
              :
             (
-                user && flight.user_id == user.id ? 
+                (user && flight.user_id == user.id) || isAdmin ? 
                 <>
                 <Button type="primary" onClick={handleEdit}>
                     Edit

browser-domain/src/components/Home/Home.tsx

@@ -18,7 +18,7 @@ export const Home: React.FC<Props> = (props) => {
     const navigate = useNavigate()
 
     const [currentPage, setCurrentPage] = useState(initialPage);
-    const { loading, isAirline, user, token } = useAuth();
+    const { loading, isAirline, user, token, isAdmin } = useAuth();
     
     const { subscriptions, loading: subsLoading, fetchData } = useFetchSubscriptions(user, token);
 
@@ -58,7 +58,7 @@ export const Home: React.FC<Props> = (props) => {
                 {(props.flights ? props.flights : flights).map((f) => {
                     return <Card key={f.id} flight={f} user={user} 
                     subscribed={subscriptions.some((i => i.flight_id === f.id))} 
-                    refresh={fetchData} refreshFlights={refreshFlights} isAirline={isAirline} />;
+                    refresh={fetchData} refreshFlights={refreshFlights} isAirline={isAirline} isAdmin={isAdmin} />;
                 })}
                 {error ? <div className="Disconnected">{error}</div> : <></>}
             </div>

browser-domain/src/useAuth.tsx

@@ -8,6 +8,7 @@ interface AuthContextType {
     user?: User;
     loading: boolean;
     isAirline: boolean;
+    isAdmin: boolean;
     token?: string;
     error?: any;
     login: (credentials: Credentials) => void;
@@ -105,13 +106,14 @@ export function AuthProvider({
             user,
             loading,
             isAirline,
+            isAdmin,
             token,
             error,
             login,
             signUp,
             logout,
         }),
-        [user, isAirline, loading, error]
+        [user, isAirline, isAdmin, loading, error]
     );
 
     return (