%PDF- <> %âãÏÓ endobj 2 0 obj <> endobj 3 0 obj <>/ExtGState<>/ProcSet[/PDF/Text/ImageB/ImageC/ImageI] >>/Annots[ 28 0 R 29 0 R] /MediaBox[ 0 0 595.5 842.25] /Contents 4 0 R/Group<>/Tabs/S>> endobj ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµùÕ5sLOšuY>endobj 2 0 obj<>endobj 2 0 obj<>endobj 2 0 obj<>endobj 2 0 obj<> endobj 2 0 obj<>endobj 2 0 obj<>es 3 0 R>> endobj 2 0 obj<> ox[ 0.000000 0.000000 609.600000 935.600000]/Fi endobj 3 0 obj<> endobj 7 1 obj<>/ProcSet[/PDF/Text/ImageB/ImageC/ImageI]>>/Subtype/Form>> stream
/* eslint-disable react-hooks/exhaustive-deps */ import React, { useState } from "react"; import AboutSuat from "./AboutSuat"; import { Card, Row, Col, Drawer } from 'antd'; import { CloseOutlined } from '@ant-design/icons'; export default function Settings() { const [drawerType, setDrawerType] = useState(null); const closeDrawer = () => { setDrawerType(null); } const lists = [ { lbl: 'About Suat' }, ]; const colSpan = { xxs: 24, xs: 12, sm: 8, md: 6, lg: 6, xxl: 6 }; return ( <div> <div className="page-heading mb15"> Settings </div> <div> <Row gutter={[16, 16]}> {lists.map((v) => ( <Col {...colSpan} key={v.lbl}> <Card className="text-center fs20 cpointer" onClick={() => setDrawerType(v.lbl)}> {v.lbl} </Card> </Col> ))} </Row> </div> <Drawer title={drawerType} open={drawerType !== null} placement="right" width="80%" destroyOnClose closable={false} onClose={closeDrawer} maskClosable={false} extra={ <div className="cpointer" onClick={closeDrawer}> <CloseOutlined /> </div> } > {drawerType === 'About Suat' && <AboutSuat />} </Drawer> </div> ) } //EOF