1
Fork 0
mirror of https://github.com/Steffo99/sophon.git synced 2024-12-22 06:44:21 +00:00

🐛 Fix all variants of #81

This commit is contained in:
Steffo 2021-10-20 22:39:19 +02:00
parent a7f8cbd57c
commit 0349e10c7a
9 changed files with 48 additions and 146 deletions

View file

@ -0,0 +1,31 @@
import * as React from "react"
import {useAuthorizationContext} from "../../contexts/authorization"
import {useGroupContext} from "../../contexts/group"
export function useGroupMembership(): boolean | undefined {
const authorization = useAuthorizationContext()
const group = useGroupContext()
return React.useMemo(
() => {
if(!authorization) {
return undefined
}
if(!group) {
return undefined
}
if(!authorization.state.token) {
return false
}
if(!(
group.value.members.includes(authorization.state.user.id) || group.value.owner === authorization.state.user.id
)) {
return false
}
return true
},
[authorization, group]
)
}

View file

@ -1,13 +1,13 @@
import {Box, Details, Form, Idiomatic as I, useFormState} from "@steffo/bluelib-react" import {Box, Details, Form, Idiomatic as I, useFormState} from "@steffo/bluelib-react"
import * as React from "react" import * as React from "react"
import {useAuthorizationContext} from "../../contexts/authorization" import {useAuthorizationContext} from "../../contexts/authorization"
import {useGroupContext} from "../../contexts/group"
import {useProjectContext} from "../../contexts/project" import {useProjectContext} from "../../contexts/project"
import {useApplyChanges} from "../../hooks/useApplyChanges" import {useApplyChanges} from "../../hooks/useApplyChanges"
import {useFormSlug} from "../../hooks/useFormSlug" import {useFormSlug} from "../../hooks/useFormSlug"
import {ManagedResource, ManagedViewSet} from "../../hooks/useManagedViewSet" import {ManagedResource, ManagedViewSet} from "../../hooks/useManagedViewSet"
import {SophonNotebook} from "../../types/SophonTypes" import {SophonNotebook} from "../../types/SophonTypes"
import {Validators} from "../../utils/Validators" import {Validators} from "../../utils/Validators"
import {useGroupMembership} from "../group/useGroupMembership"
export interface NotebookCreateBoxProps { export interface NotebookCreateBoxProps {
@ -18,7 +18,6 @@ export interface NotebookCreateBoxProps {
export function NotebookCreateBox({viewSet, resource}: NotebookCreateBoxProps): JSX.Element | null { export function NotebookCreateBox({viewSet, resource}: NotebookCreateBoxProps): JSX.Element | null {
const authorization = useAuthorizationContext() const authorization = useAuthorizationContext()
const group = useGroupContext()
const project = useProjectContext() const project = useProjectContext()
const name = const name =
@ -56,18 +55,7 @@ export function NotebookCreateBox({viewSet, resource}: NotebookCreateBoxProps):
[viewSet, resource], [viewSet, resource],
) )
if(!authorization) { if(!useGroupMembership()) {
return null
}
if(!group) {
return null
}
if(!authorization.state.token) {
return null
}
if(!(
group.value.members.includes(authorization.state.user.id) || group.value.owner === authorization.state.user.id
)) {
return null return null
} }
if(resource) { if(resource) {

View file

@ -1,11 +1,10 @@
import {faTrash} from "@fortawesome/free-solid-svg-icons" import {faTrash} from "@fortawesome/free-solid-svg-icons"
import {FontAwesomeIcon} from "@fortawesome/react-fontawesome" import {FontAwesomeIcon} from "@fortawesome/react-fontawesome"
import * as React from "react" import * as React from "react"
import {useAuthorizationContext} from "../../contexts/authorization"
import {useGroupContext} from "../../contexts/group"
import {ManagedResource} from "../../hooks/useManagedViewSet" import {ManagedResource} from "../../hooks/useManagedViewSet"
import {SophonNotebook} from "../../types/SophonTypes" import {SophonNotebook} from "../../types/SophonTypes"
import {SafetyButton} from "../elements/SafetyButton" import {SafetyButton} from "../elements/SafetyButton"
import {useGroupMembership} from "../group/useGroupMembership"
export interface NotebookDeleteButtonProps { export interface NotebookDeleteButtonProps {
@ -14,21 +13,7 @@ export interface NotebookDeleteButtonProps {
export function NotebookDeleteButton({resource}: NotebookDeleteButtonProps): JSX.Element | null { export function NotebookDeleteButton({resource}: NotebookDeleteButtonProps): JSX.Element | null {
const authorization = useAuthorizationContext() if(!useGroupMembership()) {
const group = useGroupContext()
if(!authorization) {
return null
}
if(!group) {
return null
}
if(!authorization.state.user) {
return null
}
if(!(
group.value.members.includes(authorization.state.user.id) || group.value.owner === authorization.state.user.id
)) {
return null return null
} }
if(resource.value.is_running) { if(resource.value.is_running) {

View file

@ -2,10 +2,9 @@ import {faLock} from "@fortawesome/free-solid-svg-icons"
import {FontAwesomeIcon} from "@fortawesome/react-fontawesome" import {FontAwesomeIcon} from "@fortawesome/react-fontawesome"
import {Button} from "@steffo/bluelib-react" import {Button} from "@steffo/bluelib-react"
import * as React from "react" import * as React from "react"
import {useAuthorizationContext} from "../../contexts/authorization"
import {useGroupContext} from "../../contexts/group"
import {ManagedResource} from "../../hooks/useManagedViewSet" import {ManagedResource} from "../../hooks/useManagedViewSet"
import {SophonNotebook} from "../../types/SophonTypes" import {SophonNotebook} from "../../types/SophonTypes"
import {useGroupMembership} from "../group/useGroupMembership"
export interface NotebookLockButtonProps { export interface NotebookLockButtonProps {
@ -14,21 +13,7 @@ export interface NotebookLockButtonProps {
export function NotebookLockButton({resource}: NotebookLockButtonProps): JSX.Element | null { export function NotebookLockButton({resource}: NotebookLockButtonProps): JSX.Element | null {
const authorization = useAuthorizationContext() if(!useGroupMembership()) {
const group = useGroupContext()
if(!authorization) {
return null
}
if(!group) {
return null
}
if(!authorization.state.user) {
return null
}
if(!(
group.value.members.includes(authorization.state.user.id) || group.value.owner === authorization.state.user.id
)) {
return null return null
} }
if(resource.value.locked_by) { if(resource.value.locked_by) {

View file

@ -2,10 +2,9 @@ import {faLightbulb} from "@fortawesome/free-solid-svg-icons"
import {FontAwesomeIcon} from "@fortawesome/react-fontawesome" import {FontAwesomeIcon} from "@fortawesome/react-fontawesome"
import {Button} from "@steffo/bluelib-react" import {Button} from "@steffo/bluelib-react"
import * as React from "react" import * as React from "react"
import {useAuthorizationContext} from "../../contexts/authorization"
import {useGroupContext} from "../../contexts/group"
import {ManagedResource} from "../../hooks/useManagedViewSet" import {ManagedResource} from "../../hooks/useManagedViewSet"
import {SophonNotebook} from "../../types/SophonTypes" import {SophonNotebook} from "../../types/SophonTypes"
import {useGroupMembership} from "../group/useGroupMembership"
export interface NotebookStartButtonProps { export interface NotebookStartButtonProps {
@ -14,21 +13,7 @@ export interface NotebookStartButtonProps {
export function NotebookStartButton({resource}: NotebookStartButtonProps): JSX.Element | null { export function NotebookStartButton({resource}: NotebookStartButtonProps): JSX.Element | null {
const authorization = useAuthorizationContext() if(!useGroupMembership()) {
const group = useGroupContext()
if(!authorization) {
return null
}
if(!group) {
return null
}
if(!authorization.state.user) {
return null
}
if(!(
group.value.members.includes(authorization.state.user.id) || group.value.owner === authorization.state.user.id
)) {
return null return null
} }
if(resource.value.is_running) { if(resource.value.is_running) {

View file

@ -2,10 +2,9 @@ import {faLightbulb} from "@fortawesome/free-regular-svg-icons"
import {FontAwesomeIcon} from "@fortawesome/react-fontawesome" import {FontAwesomeIcon} from "@fortawesome/react-fontawesome"
import {Button} from "@steffo/bluelib-react" import {Button} from "@steffo/bluelib-react"
import * as React from "react" import * as React from "react"
import {useAuthorizationContext} from "../../contexts/authorization"
import {useGroupContext} from "../../contexts/group"
import {ManagedResource} from "../../hooks/useManagedViewSet" import {ManagedResource} from "../../hooks/useManagedViewSet"
import {SophonNotebook} from "../../types/SophonTypes" import {SophonNotebook} from "../../types/SophonTypes"
import {useGroupMembership} from "../group/useGroupMembership"
export interface NotebookStopButtonProps { export interface NotebookStopButtonProps {
@ -14,21 +13,7 @@ export interface NotebookStopButtonProps {
export function NotebookStopButton({resource}: NotebookStopButtonProps): JSX.Element | null { export function NotebookStopButton({resource}: NotebookStopButtonProps): JSX.Element | null {
const authorization = useAuthorizationContext() if(!useGroupMembership()) {
const group = useGroupContext()
if(!authorization) {
return null
}
if(!group) {
return null
}
if(!authorization.state.user) {
return null
}
if(!(
group.value.members.includes(authorization.state.user.id) || group.value.owner === authorization.state.user.id
)) {
return null return null
} }
if(!resource.value.is_running) { if(!resource.value.is_running) {

View file

@ -3,10 +3,10 @@ import {FontAwesomeIcon} from "@fortawesome/react-fontawesome"
import {Button} from "@steffo/bluelib-react" import {Button} from "@steffo/bluelib-react"
import * as React from "react" import * as React from "react"
import {useAuthorizationContext} from "../../contexts/authorization" import {useAuthorizationContext} from "../../contexts/authorization"
import {useGroupContext} from "../../contexts/group"
import {ManagedResource} from "../../hooks/useManagedViewSet" import {ManagedResource} from "../../hooks/useManagedViewSet"
import {SophonNotebook} from "../../types/SophonTypes" import {SophonNotebook} from "../../types/SophonTypes"
import {SafetyButton} from "../elements/SafetyButton" import {SafetyButton} from "../elements/SafetyButton"
import {useGroupMembership} from "../group/useGroupMembership"
export interface NotebookUnlockButtonProps { export interface NotebookUnlockButtonProps {
@ -16,27 +16,15 @@ export interface NotebookUnlockButtonProps {
export function NotebookUnlockButton({resource}: NotebookUnlockButtonProps): JSX.Element | null { export function NotebookUnlockButton({resource}: NotebookUnlockButtonProps): JSX.Element | null {
const authorization = useAuthorizationContext() const authorization = useAuthorizationContext()
const group = useGroupContext()
if(!authorization) { if(!useGroupMembership()) {
return null
}
if(!group) {
return null
}
if(!authorization.state.user) {
return null
}
if(!(
group.value.members.includes(authorization.state.user.id) || group.value.owner === authorization.state.user.id
)) {
return null return null
} }
if(!resource.value.locked_by) { if(!resource.value.locked_by) {
return null return null
} }
if(resource.value.locked_by === authorization.state.user.id) { if(resource.value.locked_by === authorization!.state.user!.id) {
return ( return (
<Button onClick={() => resource.action("PATCH", "unlock", {})} disabled={resource.busy}> <Button onClick={() => resource.action("PATCH", "unlock", {})} disabled={resource.busy}>
<FontAwesomeIcon icon={faLockOpen} spin={resource.busy}/>&nbsp;Unlock <FontAwesomeIcon icon={faLockOpen} spin={resource.busy}/>&nbsp;Unlock

View file

@ -7,6 +7,7 @@ import {useFormSlug} from "../../hooks/useFormSlug"
import {ManagedResource, ManagedViewSet} from "../../hooks/useManagedViewSet" import {ManagedResource, ManagedViewSet} from "../../hooks/useManagedViewSet"
import {SophonResearchProject} from "../../types/SophonTypes" import {SophonResearchProject} from "../../types/SophonTypes"
import {Validators} from "../../utils/Validators" import {Validators} from "../../utils/Validators"
import {useGroupMembership} from "../group/useGroupMembership"
export interface ProjectCreateBoxProps { export interface ProjectCreateBoxProps {
@ -40,33 +41,6 @@ export function ProjectCreateBox({viewSet, resource}: ProjectCreateBoxProps): JS
const slug = const slug =
useFormSlug(resource, name.value) useFormSlug(resource, name.value)
const canAdministrate =
React.useMemo(
() => {
if(resource) {
if(!authorization) {
return false
}
if(!group) {
return false
}
if(!authorization.state.user) {
return false
}
if(!(
group.value.members.includes(authorization.state.user.id) || group.value.owner === authorization.state.user.id
)) {
return false
}
return true
}
else {
return true
}
},
[authorization, group, resource],
)
const applyChanges = const applyChanges =
useApplyChanges(viewSet, resource, { useApplyChanges(viewSet, resource, {
name: name.value, name: name.value,
@ -88,11 +62,7 @@ export function ProjectCreateBox({viewSet, resource}: ProjectCreateBoxProps): JS
[viewSet, resource], [viewSet, resource],
) )
if(!authorization?.state.token || if(!useGroupMembership()) {
!(
viewSet || resource
) ||
!canAdministrate) {
return null return null
} }

View file

@ -1,11 +1,10 @@
import {faTrash} from "@fortawesome/free-solid-svg-icons" import {faTrash} from "@fortawesome/free-solid-svg-icons"
import {FontAwesomeIcon} from "@fortawesome/react-fontawesome" import {FontAwesomeIcon} from "@fortawesome/react-fontawesome"
import * as React from "react" import * as React from "react"
import {useAuthorizationContext} from "../../contexts/authorization"
import {useGroupContext} from "../../contexts/group"
import {ManagedResource} from "../../hooks/useManagedViewSet" import {ManagedResource} from "../../hooks/useManagedViewSet"
import {SophonResearchProject} from "../../types/SophonTypes" import {SophonResearchProject} from "../../types/SophonTypes"
import {SafetyButton} from "../elements/SafetyButton" import {SafetyButton} from "../elements/SafetyButton"
import {useGroupMembership} from "../group/useGroupMembership"
export interface ProjectDeleteButtonProps { export interface ProjectDeleteButtonProps {
@ -14,21 +13,7 @@ export interface ProjectDeleteButtonProps {
export function ProjectDeleteButton({resource}: ProjectDeleteButtonProps): JSX.Element | null { export function ProjectDeleteButton({resource}: ProjectDeleteButtonProps): JSX.Element | null {
const authorization = useAuthorizationContext() if(!useGroupMembership()) {
const group = useGroupContext()
if(!authorization) {
return null
}
if(!group) {
return null
}
if(!authorization.state.user) {
return null
}
if(!(
group.value.members.includes(authorization.state.user.id) || group.value.owner === authorization.state.user.id
)) {
return null return null
} }