on master help sign in
senate: tweak voting page layout
fe6571bfang
src/views/Senate.js+12−9
@@ -40,6 +40,10 @@ function useCastDocumentVote() {
40 );
40 );
41}
41}
42
42
43+function renderDocumentHash(doc) {
44+ return doc.slice(0, 34) + '\n ' + doc.slice(34);
45+}
46+
43export default function Senate() {
47export default function Senate() {
44 const { pop } = useLocalRouter();
48 const { pop } = useLocalRouter();
45 const { contracts } = useNetwork();
49 const { contracts } = useNetwork();
@@ -113,12 +117,13 @@ export default function Senate() {
113 const majorityList = useMemo(() => {
117 const majorityList = useMemo(() => {
114 return majorities.map(doc => {
118 return majorities.map(doc => {
115 return (
119 return (
116− <Grid.Item full as={Text}>
120+ <Grid.Item full className="mv2" as={P}>
117 <a
121 <a
118 target="_blank"
122 target="_blank"
119 rel="noopener noreferrer"
123 rel="noopener noreferrer"
120− href={`https://raw.githubusercontent.com/urbit/azimuth/master/proposals/${doc}.txt`}>
124+ href={`https://raw.githubusercontent.com/urbit/azimuth/master/proposals/${doc}.txt`}
121− <code>{doc}</code>↗
125+ class="mb4 mono wrap pre">
126+ {renderDocumentHash(doc)}↗
122 </a>
127 </a>
123 </Grid.Item>
128 </Grid.Item>
124 );
129 );
@@ -130,11 +135,9 @@ export default function Senate() {
130 const hasVoted = polls[doc].hasVoted;
135 const hasVoted = polls[doc].hasVoted;
131 return (
136 return (
132 <>
137 <>
133− <Grid.Item full as={Text}>
138+ <Grid.Item full className="mv2" as={Text}>
134− <P>
139+ <P className="m0 mono wrap pre">{renderDocumentHash(doc)}</P>
135− <code>{doc}</code>
140+ <P className="mt0">
136− </P>
137− <P>
138 {hasVoted ? (
141 {hasVoted ? (
139 'Your vote has been cast.'
142 'Your vote has been cast.'
140 ) : (
143 ) : (
@@ -187,7 +190,7 @@ export default function Senate() {
187 {majorityList}
190 {majorityList}
188 </Grid.Item>
191 </Grid.Item>
189
192
190− <Grid.Divider />
193+ <Grid.Divider className="mv4" />
191
194
192 <Grid.Item full as={Grid}>
195 <Grid.Item full as={Grid}>
193 <Grid.Item full as={P}>
196 <Grid.Item full as={P}>