-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
485f054
commit 430d6f4
Showing
4 changed files
with
206 additions
and
40 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
154 changes: 154 additions & 0 deletions
154
packages/owner-app/src/templates/AppDefinition/ExtendAppDrivePermissions.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,154 @@ | ||
| import { tryJsonParse } from '@youfoundation/js-lib/helpers'; | ||
| import { DriveGrantRequest } from '../../provider/app/AppManagementProviderTypes'; | ||
| import { useSearchParams } from 'react-router-dom'; | ||
| import { ActionButton, Arrow, t } from '@youfoundation/common-app'; | ||
| import Section from '../../components/ui/Sections/Section'; | ||
| import DrivePermissionRequestView from '../../components/PermissionViews/DrivePermissionRequestView/DrivePermissionRequestView'; | ||
| import { useApp } from '../../hooks/apps/useApp'; | ||
| import { useDrives } from '../../hooks/drives/useDrives'; | ||
|
|
||
| const ExtendAppDrivePermissions = () => { | ||
| // Read the queryString | ||
| const [searchParams] = useSearchParams(); | ||
|
|
||
| const appId = searchParams.get('appId'); | ||
| const returnUrl = searchParams.get('return'); | ||
|
|
||
| const d = searchParams.get('d'); | ||
| const driveGrants = d ? drivesParamToDriveGrantRequest(d) : undefined; | ||
|
|
||
| console.log({ driveGrants }); | ||
|
|
||
| const { | ||
| fetch: { data: appRegistration }, | ||
| updatePermissions: { status: updatePermissionStatus }, | ||
| } = useApp({ appId: appId || undefined }); | ||
|
|
||
| const doUpdateApp = async () => { | ||
| // Ensure drives | ||
| // Update app | ||
| // Redirect | ||
| }; | ||
|
|
||
| const doCancel = async () => { | ||
| // Redirect | ||
| window.location.href = returnUrl || '/'; | ||
| }; | ||
|
|
||
| const { data: existingDrives } = useDrives().fetch; | ||
| const existingDriveGrants = driveGrants?.filter( | ||
| (grant) => | ||
| existingDrives?.some( | ||
| (drive) => | ||
| drive.targetDriveInfo.alias === grant.permissionedDrive.drive.alias && | ||
| drive.targetDriveInfo.type === grant.permissionedDrive.drive.type | ||
| ) | ||
| ); | ||
|
|
||
| const newDriveGrants = driveGrants?.filter( | ||
| (grant) => | ||
| !existingDrives?.some( | ||
| (drive) => | ||
| drive.targetDriveInfo.alias === grant.permissionedDrive.drive.alias && | ||
| drive.targetDriveInfo.type === grant.permissionedDrive.drive.type | ||
| ) | ||
| ); | ||
|
|
||
| return ( | ||
| <> | ||
| <section className="my-20"> | ||
| <div className="container mx-auto"> | ||
| <div className="max-w-[35rem]"> | ||
| <h1 className="mb-5 text-4xl dark:text-white"> | ||
| {t('Update existing app')}:<small className="block">{appRegistration?.name}</small> | ||
| </h1> | ||
|
|
||
| <p> | ||
| {t('The app')} "{appRegistration?.name}"{' '} | ||
| {t('has requested extra access on your identity')}. | ||
| </p> | ||
| <p className="mt-2"> | ||
| {t('By allowing, this app')}, "{appRegistration?.name}"{' '} | ||
| {t('will receive the following access on your identity')}: | ||
| </p> | ||
|
|
||
| <Section> | ||
| {existingDriveGrants?.length ? ( | ||
| <div className="flex flex-col gap-4"> | ||
| {existingDriveGrants.map((grant) => ( | ||
| <DrivePermissionRequestView | ||
| key={`${grant.permissionedDrive.drive.alias}-${grant.permissionedDrive.drive.type}`} | ||
| driveGrant={grant} | ||
| /> | ||
| ))} | ||
| </div> | ||
| ) : ( | ||
| <p className="text-slate-400">{t('No changes to existing drive access')}</p> | ||
| )} | ||
| </Section> | ||
|
|
||
| {newDriveGrants?.length ? ( | ||
| <> | ||
| <p>{t('Requests these new drives')}</p> | ||
| <Section> | ||
| <div className="flex flex-col gap-4"> | ||
| {newDriveGrants.map((grant) => ( | ||
| <DrivePermissionRequestView | ||
| key={`${grant.permissionedDrive.drive.alias}-${grant.permissionedDrive.drive.type}`} | ||
| driveGrant={grant} | ||
| /> | ||
| ))} | ||
| </div> | ||
| </Section> | ||
| </> | ||
| ) : null} | ||
|
|
||
| <div className="flex flex-col items-center gap-2 sm:flex-row-reverse"> | ||
| <ActionButton | ||
| onClick={doUpdateApp} | ||
| type="primary" | ||
| state={updatePermissionStatus} | ||
| icon={Arrow} | ||
| > | ||
| {t('Allow')} | ||
| </ActionButton> | ||
|
|
||
| <ActionButton type="secondary" onClick={() => doCancel()}> | ||
| {t('Cancel')} | ||
| </ActionButton> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| </> | ||
| ); | ||
| }; | ||
|
|
||
| const drivesParamToDriveGrantRequest = (queryParamVal: string | undefined): DriveGrantRequest[] => { | ||
| if (!queryParamVal) { | ||
| return []; | ||
| } | ||
| try { | ||
| const drivesParamObject = queryParamVal && tryJsonParse(queryParamVal); | ||
| return (Array.isArray(drivesParamObject) ? drivesParamObject : [drivesParamObject]).map((d) => { | ||
| return { | ||
| permissionedDrive: { | ||
| drive: { | ||
| alias: d.a, | ||
| type: d.t, | ||
| }, | ||
| // I know, probably not really "safe" to do this... But hey, the drivePermission are hard | ||
| permission: [parseInt(d.p)], | ||
| }, | ||
| driveMeta: { | ||
| name: d.n, | ||
| description: d.d, | ||
| }, | ||
| }; | ||
| }); | ||
| } catch (ex) { | ||
| return []; | ||
| } | ||
| }; | ||
|
|
||
| export default ExtendAppDrivePermissions; |
File renamed without changes.