For example, to override the AppBar (https://material-ui-next.com/api/app-bar/) root class we can do the following:
1 - Add the property classes in the AppBar component:
<AppBar classes={{root: 'my-root-class'}}| # from: <https://x.com/iannuttall/status/1965090297630826931> | |
| cdx() { | |
| if [[ "$1" == "update" ]]; then | |
| npm install -g @openai/codex@latest | |
| else | |
| codex -m gpt-5-codex --yolo -c model_reasoning_effort="high" -c model_reasoning_summary_format=experimental --search "$@" | |
| fi | |
| } | |
| # Note: with auto confirmation. use at your own risk. thanks! |
| import * as React from "react"; | |
| import { useMousePosition } from "~/hooks/useMousePosition"; | |
| /** Component to cover the area between the mouse cursor and the sub-menu, to allow moving cursor to lower parts of sub-menu without the sub-menu disappearing. */ | |
| export function MouseSafeArea(props: { parentRef: React.RefObject<HTMLDivElement> }) { | |
| const { x = 0, y = 0, height: h = 0, width: w = 0 } = props.parentRef.current?.getBoundingClientRect() || {}; | |
| const [mouseX, mouseY] = useMousePosition(); | |
| const positions = { x, y, h, w, mouseX, mouseY }; | |
| return ( | |
| <div |
| { | |
| "extends": ["react-app", "plugin:prettier/recommended"] | |
| } |
| import createHoverMonitor from './createHoverMonitor'; | |
| import { element, func, oneOfType } from 'prop-types'; | |
| import React, { Component } from 'react'; | |
| const hover = createHoverMonitor(); | |
| /** | |
| * Use: | |
| * <Hoverable> | |
| * {(hover) => <View style={hover && styles.hovered} />} |
For example, to override the AppBar (https://material-ui-next.com/api/app-bar/) root class we can do the following:
1 - Add the property classes in the AppBar component:
<AppBar classes={{root: 'my-root-class'}}| #!/bin/bash | |
| # File: ~/launch.sh | |
| # Original Code Reference: http://dan.doezema.com/2013/04/programmatically-create-title-tabs-within-the-mac-os-x-terminal-app/ | |
| # New-BSD License by Original Author Daniel Doezema http://dan.doezema.com/licenses/new-bsd/ | |
| # Modified by Luke Schoen in 2017 to include loading new tabs for Rails Server and automatically open webpage in browser. | |
| # References: https://developer.apple.com/library/content/documentation/AppleScript/Conceptual/AppleScriptLangGuide/introduction/ASLR_intro.html |
| http://stackoverflow.com/questions/22667401/postgres-json-data-type-rails-query | |
| http://stackoverflow.com/questions/40702813/query-on-postgres-json-array-field-in-rails | |
| #payload: [{"kind"=>"person"}] | |
| Segment.where("payload @> ?", [{kind: "person"}].to_json) | |
| #data: {"interest"=>["music", "movies", "programming"]} | |
| Segment.where("data @> ?", {"interest": ["music", "movies", "programming"]}.to_json) | |
| Segment.where("data #>> '{interest, 1}' = 'movies' ") | |
| Segment.where("jsonb_array_length(data->'interest') > 1") |
| import React, {PropTypes} from 'react'; | |
| export const Tab = (props) => { | |
| return ( | |
| <li className="tab"> | |
| <a className={`tab-link ${props.linkClassName} ${props.isActive ? 'active' : ''}`} | |
| onClick={(event) => { | |
| event.preventDefault(); | |
| props.onClick(props.tabIndex); | |
| }}> |
mongodump -h xxx11.mlab.com:11 -u user -p password --authenticationDatabase release-db -d release-db -o /home/dumps
**Options** `-h`: mlab host:port, `-u`: db user, `-p`: db user password, `--authenticationDatabase` `-d`: mlab dbname, `-o`: path to store backupfiles
restore command, to restore locally
mongorestore --db dname /home/dumps
Otherwise to restore in mlab, create a new db and replace the options
For me the perfect developer (if there is such a person) has these qualities: