mendersoftware / gui / 1057181131

coverage: 82.824% (-17.1%) from 99.964%

Source File
Press 'n' to go to next uncovered line, 'b' for previous

71.43
/src/js/components/settings/webhooks/management.js
1 
// Copyright 2022 Northern.tech AS
2 
//
3 
//    Licensed under the Apache License, Version 2.0 (the "License");
4 
//    you may not use this file except in compliance with the License.
5 
//    You may obtain a copy of the License at
6 
//
7 
//        http://www.apache.org/licenses/LICENSE-2.0
8 
//
9 
//    Unless required by applicable law or agreed to in writing, software
10 
//    distributed under the License is distributed on an "AS IS" BASIS,
11 
//    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12 
//    See the License for the specific language governing permissions and
13 
//    limitations under the License.
14 
import React, { useState } from 'react';
15 









16



// material ui










17



import { Close as CloseIcon } from '@mui/icons-material';










18



import { Button, Divider, Drawer, IconButton, Tab, Tabs } from '@mui/material';










19












20



import { emptyWebhook } from '../../../constants/organizationConstants';










21



import WebhookActivity from './activity';










22



import WebhookConfiguration from './configuration';










23












24



const tabs = ['settings', 'activity'];




6✔





25












26



export const WebhookManagement = ({ adding, editing, events, eventTotal, getWebhookEvents, onCancel, onSubmit, onRemove, webhook = { ...emptyWebhook } }) => {





6✔





27



  const [currentTab, setCurrentTab] = useState(tabs[0]);




3✔





28












29



  return (




3✔





30



    <Drawer anchor="right" open={adding || editing} PaperProps={{ style: { minWidth: 600, width: '50vw' } }}>





5✔





31



      <div className="flexbox margin-bottom-small space-between">










32



        <h3>Manage webhook</h3>










33



        <div className="flexbox center-aligned">










34



          <Button color="secondary" onClick={() => onRemove(webhook)}>




×







35



            delete webhook










36



          </Button>










37



          <IconButton onClick={onCancel} aria-label="close">










38



            <CloseIcon />










39



          </IconButton>










40



        </div>










41



      </div>










42



      <Divider />










43



      <Tabs className="margin-top margin-bottom" value={currentTab} onChange={(e, tab) => setCurrentTab(tab)} textColor="primary">




×







44



        {tabs.map(key => (










45



          <Tab key={key} label={<div className="capitalized-start">{key}</div>} value={key} />




6✔





46



        ))}










47



      </Tabs>










48



      {currentTab === tabs[0] ? (





3!





49



        <WebhookConfiguration adding={adding} editing={editing} onCancel={onCancel} onSubmit={onSubmit} webhook={webhook} />










50



      ) : (










51



        <WebhookActivity events={events} eventTotal={eventTotal} getWebhookEvents={getWebhookEvents} webhook={webhook} />










52



      )}










53



    </Drawer>










54



  );










55



};










56












57



export default WebhookManagement;
























    

  • 

    •