groups: shorten comet and moon patps

This commit is contained in:
Matilde Park 2020-03-11 16:23:35 -04:00
parent a7b6ed4ef3
commit b5af51f03e
4 changed files with 12 additions and 9 deletions

View File

@ -1,7 +1,7 @@
import React, { Component } from 'react';
import { Route, Link } from 'react-router-dom';
import { Sigil } from '../lib/icons/sigil';
import { uxToHex } from '../../lib/util';
import { uxToHex, cite } from '../../lib/util';
export class ContactItem extends Component {
@ -10,7 +10,7 @@ export class ContactItem extends Component {
let selectedClass = (props.selected) ? "bg-gray4 bg-gray1-d" : "";
let hexColor = uxToHex(props.color);
let name = (props.nickname) ? props.nickname : "~" + props.ship;
let name = (props.nickname) ? props.nickname : cite(props.ship);
let prefix = props.share ? 'share' : 'view';
let suffix = !props.share ? `/${props.ship}` : '';
@ -28,7 +28,8 @@ export class ContactItem extends Component {
className={
"f9 w-70 dib v-mid ml2 nowrap " +
((props.nickname) ? "" : "mono")}
style={{ paddingTop: 6 }}>
style={{ paddingTop: 6 }}
title={props.ship}>
{name}
</p>
</div>

View File

@ -3,6 +3,7 @@ import { Route, Link } from 'react-router-dom';
import { ContactItem } from '/components/lib/contact-item';
import { ShareSheet } from '/components/lib/share-sheet';
import { Sigil } from '../lib/icons/sigil';
import { cite } from '../../lib/util';
export class ContactSidebar extends Component {
render() {
@ -60,8 +61,9 @@ export class ContactSidebar extends Component {
classes="mix-blend-diff"
/>
<p className="f9 w-70 dib v-mid ml2 nowrap mono"
style={{ paddingTop: 6, color: '#aaaaaa' }}>
~{member}
style={{ paddingTop: 6, color: '#aaaaaa' }}
title={member}>
{cite(member)}
</p>
</div>
);

View File

@ -4,7 +4,7 @@ import { Route, Link } from 'react-router-dom';
import { GroupItem } from '/components/lib/group-item';
import { Sigil } from '/components/lib/icons/sigil';
import { SidebarInvite } from '/components/lib/sidebar-invite';
import { uxToHex } from '/lib/util';
import { cite } from '/lib/util';
export class GroupSidebar extends Component {
// drawer to the left
@ -29,7 +29,7 @@ export class GroupSidebar extends Component {
<p
className="f9 w-70 dib v-mid ml2 nowrap mono"
style={{paddingTop: 6}}>
~{window.ship}
{cite(window.ship)}
</p>
</div>
</Link>

View File

@ -1,5 +1,5 @@
import React, { Component } from "react";
import classnames from "classnames";
import { cite } from '../../lib/util';
import { IconHome } from "/components/lib/icons/icon-home";
import { Sigil } from "/components/lib/icons/sigil";
@ -51,7 +51,7 @@ export class HeaderBar extends Component {
color={"#000000"}
classes={"v-mid mix-blend-diff"}
/>
<span className="mono white-d f9 ml2">{"~" + window.ship}</span>
<span className="mono white-d f9 ml2 c-default">{cite(window.ship)}</span>
</div>
</div>
);