g2faccount

Author: jbdesbas

src/components/g2faccount/index.tsx

@@ -0,0 +1,36 @@
+import { UserOutlined } from "@ant-design/icons";
+import {
+    useQuery,
+  } from "@tanstack/react-query";
+import { Tooltip } from "antd";
+import axios from "axios";
+
+export interface IIdgAccountProps {
+  style?:React.CSSProperties
+}
+
+
+export const IdgAccount: React.FC<IIdgAccountProps> = ({ style }) => {
+
+    const {data} = useQuery({ 
+        queryKey: ['whoami'],
+        queryFn: () =>
+          axios
+            .get("https://www.geo2france.fr/whoami")
+            .then((res) => res.data),
+    })
+
+    const username = data?.GeorchestraUser?.username;
+    const authentified = username != 'anonymousUser' ? true : false ;
+
+    return (
+      <span style={style}>{ authentified ? 
+         <><Tooltip title="Vous êtes authentifié sur la plateforme Géo2France">
+            <UserOutlined /> 
+           </Tooltip>
+           <a href="https://www.geo2france.fr/portail/user/">{username}</a> </>
+      : <></>
+      }
+      </span>
+    )
+}

src/layout/sider.tsx

@@ -21,9 +21,10 @@ export const AppSider: React.FC = () => {
 
 import React, { CSSProperties } from "react";
 import {  useMenu,} from "@refinedev/core";
-import { Layout, Menu, theme } from "antd";
+import { Divider, Layout, Menu, theme } from "antd";
 import type { RefineThemedLayoutV2SiderProps } from "@refinedev/antd";
 import { NavLink } from "react-router-dom";
+import { IdgAccount } from "../components/g2faccount";
 
 /*const drawerButtonStyles: CSSProperties = {
   borderTopLeftRadius: 0,
@@ -78,6 +79,8 @@ export const CustomSider: React.FC<RefineThemedLayoutV2SiderProps> = ({}) => {
             <Menu items={items} selectedKeys={[selectedKey]} mode="inline" style={{marginTop:"20px"}}>
 
             </Menu>
+            <Divider />
+            <IdgAccount style={{paddingLeft: "24px"}}/>
         </Layout.Sider>
     )
 }