coding-Studio-vbit / ARMA

Automated Requests Management Application - Version 2.0

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

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

Client is deployed. Client auto deploys on push to master. Server is deployed. Server doesnt auto deploy on push. You have to ssh to the VPS and update the repo there.

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)}
 />