feat(users): add user permissions management and enhance theme switcher

src/pages/Manager/User/Permission/components/ShareThing.tsx

@@ -0,0 +1,100 @@
+import { ActionType, ProList } from '@ant-design/pro-components';
+import { useIntl } from '@umijs/max';
+import { message } from 'antd';
+import { useRef } from 'react';
+
+type ShareThingProps = {
+  user: MasterModel.ProfileResponse | null;
+};
+const ShareThing = ({ user }: ShareThingProps) => {
+  const listActionRef = useRef<ActionType>();
+  const intl = useIntl();
+  const [messageAPI, contextHolder] = message.useMessage();
+  return (
+    <>
+      {contextHolder}
+      <ProList
+        headerTitle={intl.formatMessage({
+          id: 'pages.users.things.list',
+          defaultMessage: 'List things',
+        })}
+        actionRef={listActionRef}
+        toolBarRender={() => [
+          //   <Button
+          //     type="primary"
+          //     key="primary"
+          //     onClick={() => {
+          //       handleShareModalVisible(true);
+          //     }}
+          //   >
+          //     <PlusOutlined />{" "}
+          //     <FormattedMessage
+          //       id="pages.things.share.text"
+          //       defaultMessage="Share"
+          //     />
+          //   </Button>,
+        ]}
+        metas={columns}
+        request={async () => {
+          const query = {
+            type: 'sub',
+            id: user?.id || '',
+          };
+          if (user?.id) {
+            const resp = (await apiQueryThingsByPolicy(
+              query,
+            )) as PolicyResponse;
+            const { relations } = resp;
+            if (relations) {
+              const queries = relations.map(async (rel: PolicyRelation) => {
+                const thg = await apiQueryThing(rel.id);
+                return {
+                  ...thg,
+                  relations: rel?.actions,
+                };
+              });
+              const policies = await Promise.all(queries);
+              return Promise.resolve({
+                success: true,
+                data: policies,
+                total: policies.length,
+              });
+            }
+          }
+          return Promise.resolve({
+            success: false,
+            data: [],
+            total: 0,
+          });
+        }}
+        rowKey="id"
+        search={false}
+        // rowSelection={{
+        //   selectedRowKeys: selectedRowsState.map((row) => row.id).filter((id): id is string => id !== undefined),
+        //   onChange: (_: React.Key[], selectedRows: API.Thing[]) => {
+        //     setSelectedRows(selectedRows);
+        //   },
+        // }}
+      />
+      {/* <FormShareVms
+        visible={shareModalVisibale}
+        onVisibleChange={handleShareModalVisible}
+        user={user}
+        onSubmit={async (values: ShareFormValues) => {
+          console.log(values);
+          const success = await handleShare(values);
+          if (success) {
+            handleShareModalVisible(false);
+            onReload();
+            if (actionRef.current) {
+              //await delay(1000);
+              actionRef.current.reload();
+            }
+          }
+        }}
+      /> */}
+    </>
+  );
+};
+
+export default ShareThing;