Things I learned today

<Typography variant=”caption”>

Photography <HelpOutlineIcon style={{ position: ‘relative’, top: ‘8px’ }} />

</Typography>

This is one way to get an image and text to line up. Both position and top are important. Top will apply from the top of this line allowing the image to line up correctly. Position relative is also important to help lining things as the images will attempt to more or less stay in line relative to the the line it is in. This can also be done in the following way.

<InputLabel onClick={()=>console.log(‘clickerty clack’)} shrink={true} >Promo Type <AdminQuestionMark thisName={‘promo_type_cn’} /></InputLabel>

This talks about record which is useful for having one object have the same keys as another object

export const questionsIconInfoMainPageHtml: Record<keyof fullDataOfEachPromotion, JSX.Element> = {

JSX.Element also is the property of the key in this case.

\’ is what you use to escape out of a quote system to get add certain things that are difficult to add to a string.

https://stackoverflow.com/questions/41308123/map-typescript-enum

(Object.keys(MyEnum) as Array<keyof typeof MyEnum>).map((key) => {})

mapping an enum can be done like so. Can be useful to get the keys

export default function SimpleDialogDemo() {
const [open, setOpen] = React.useState(false);
const [selectedValue, setSelectedValue] = React.useState(emails[1]);

const handleClickOpen = () => {
setOpen(true);
};

const handleClose = (value) => {
setOpen(false);
setSelectedValue(value);
};

return (
<div>
<Typography variant="subtitle1">Selected: {selectedValue}</Typography>
<br />
<Button variant="outlined" color="primary" onClick={handleClickOpen}>
Open simple dialog
</Button>
<SimpleDialog selectedValue={selectedValue} open={open} onClose={handleClose} />
</div>
);
}

This one details for text fields

--

--

--

Starting a tech bootcamp

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

5 Best Strategies to Write Arrow Functions in JavaScript

Method of primitive

Deep dive into Zone.js [Part 1: Execution Context]

3 JavaScript Things I Just Learned That I Probably Should Have Already Known

Laravel 5.8 Login and Registration Part — 1

Laravel Login & Registration

SimpleJX, aWeb Un-framework

JS 129: Notes Review

Deploying a React App to Google Cloud Platform using App Engine

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Jesse Chung

Jesse Chung

Starting a tech bootcamp

More from Medium

Bad jobs, money and muck aside.

How To Start A Career:

Latina on Campus: Tips to keep your Latin Roots

Latina on Campus: Tips to keep your Latin Roots

Week 11: Stop trying to be liked by everybody