diff --git a/src/components/SourcesTableModal/SourcesView/index.tsx b/src/components/SourcesTableModal/SourcesView/index.tsx index 514dcb88c..2ebd73297 100644 --- a/src/components/SourcesTableModal/SourcesView/index.tsx +++ b/src/components/SourcesTableModal/SourcesView/index.tsx @@ -3,6 +3,7 @@ import Tabs from '@mui/material/Tabs' import * as React from 'react' import styled from 'styled-components' import { Flex } from '~/components/common/Flex' +import { useUserStore } from '~/stores/useUserStore' import { colors } from '~/utils/colors' import { QueuedSources } from './QueuedSources' import { Sources } from './Sources' @@ -39,6 +40,7 @@ function a11yProps(index: number) { export const SourcesView = () => { const [value, setValue] = React.useState(0) + const [isAdmin] = useUserStore((s) => [s.isAdmin]) const handleChange = (event: React.SyntheticEvent, newValue: number) => { setValue(newValue) @@ -48,18 +50,26 @@ export const SourcesView = () => { - - + {isAdmin && ( + <> + + + + )} - - - - - - + {isAdmin && ( + <> + + + + + + + + )} ) }