git.iko.soy/bridge
on master help sign in
add hover tooltip on invited sigils
aa8b19dLiam Fitzgerald
src/components/InviteSigilList.js+6−1
compare with master
unifiedsplit
@@ -5,6 +5,7 @@ import * as ob from 'urbit-ob';
5import { take } from 'lodash';
5import { take } from 'lodash';
6
6
7import MaybeSigil from 'components/MaybeSigil';
7import MaybeSigil from 'components/MaybeSigil';
8+import WithTooltip from 'components/WithTooltip';
8
9
9const InviteSigilList = ({ className, pendingPoints, acceptedPoints }) => {
10const InviteSigilList = ({ className, pendingPoints, acceptedPoints }) => {
10 const _acceptedPoints = take(
11 const _acceptedPoints = take(
@@ -23,12 +24,16 @@ const InviteSigilList = ({ className, pendingPoints, acceptedPoints }) => {
23 ).keys(),
24 ).keys(),
24 ].map(() => Nothing());
25 ].map(() => Nothing());
25
26
27+ const tooltip = point => point.getOrElse(null);
28+
26 const renderSigil = (points, colors, klassName) => {
29 const renderSigil = (points, colors, klassName) => {
27 return (
30 return (
28 <>
31 <>
29 {points.map((point, idx) => (
32 {points.map((point, idx) => (
30 <div key={idx} className={cn(klassName, 'h9 w9')}>
33 <div key={idx} className={cn(klassName, 'h9 w9')}>
34+ <WithTooltip content={tooltip(point)}>
31− <MaybeSigil patp={point} size={50} colors={colors} />
35+ <MaybeSigil patp={point} size={50} colors={colors} />
36+ </WithTooltip>
32 </div>
37 </div>
33 ))}
38 ))}
34 </>
39 </>