A.R.M.A - Automated Requests Management Application

A one-stop solution to all the event management needs of a college.

W.I.P

Utility Classes

Use these as just like tailwindcss utility classes

Button

btn
outlineBtn
btn-green
btn-red
btn-yellow

Common Components

InputField

<InputField name='Email' onChange={()=>{}}/>

Spinner

<Spinner/>

Dialog

Only message

const [show,setShow] = useState(false)
<Dialog show={show} setShow={setShow} title='Welcome ARMA'/> 

With Buttons

const [show,setShow] = useState(false)
<Dialog show={true} setShow={setShow} title="Welcome ARMA" >
            <button className="outlineBtn" >No</button>
            <button className="btn" >Yes</button>

        </Dialog>

Table

<Table
    api="<backend data source url>"
    transformer={<optional function which is called on every object of the data>}/>
    headers={<headers of the table in the format {displayName:"", dataPath:"", sortable:true/false}>}
    rowsPerPage={<number of rows you want per page>}
    buttonsCount={<number of pagination buttons to display>}
    filter={filter object for the api (optional)}
 />