urbit/shrub
1
1
Fork 0
mirror of https://github.com/urbit/shrub.git synced 2025-01-02 01:25:55 +03:00
Code Issues Packages Projects Releases Wiki Activity

launch: restore tile flexbox

Browse Source
This commit is contained in:
Matilde Park 2020-05-27 18:30:36 -04:00 committed by Logan Allen
parent cf7615a642
commit 0b857fa70a
2 changed files with 11 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
pkg/interface/src/apps/launch/app.js
View File

@ -9,7 +9,6 @@ import './css/custom.css';
import Tiles from './components/tiles';
import Welcome from './components/welcome';
export default class LaunchApp extends React.Component {
constructor(props) {
super(props);
@ -48,13 +47,13 @@ export default class LaunchApp extends React.Component {
const { state } = this;
return (
<div style={{ height: 'calc(100vh - 45px)'}}
className='h-100 w-100 bg-gray0-d'>
<div className='v-mid ph2 dtc-m dtc-l dtc-xl flex justify-between flex-wrap' style={{ maxWidth: '40rem' }}>
<Welcome firstTime={state.launch.firstTime} api={this.api} />
<Tiles
tiles={state.launch.tiles}
tileOrdering={state.launch.tileOrdering}
api={this.api} />
api={this.api}
/>
</div>
);
}

17
pkg/interface/src/apps/launch/components/tiles.js
View File

@ -1,28 +1,27 @@
import React from 'react';
import classnames from 'classnames';
import BasicTile from './tiles/basic';
import CustomTile from './tiles/custom';
import ClockTile from './tiles/clock';
import WeatherTile from './tiles/weather';
export default class Tiles extends React.PureComponent {
render() {
const { props } = this;
let tiles = props.tileOrdering.filter((key) => {
const tiles = props.tileOrdering.filter((key) => {
return props.tiles[key].isShown;
}).map((key) => {
let tile = props.tiles[key];
const tile = props.tiles[key];
if ('basic' in tile.type) {
let basic = tile.type.basic;
const basic = tile.type.basic;
return (
<BasicTile
key={key}
title={basic.title}
iconUrl={basic.iconUrl}
linkedUrl={basic.linkedUrl} />
linkedUrl={basic.linkedUrl}
/>
);
} else if ('custom' in tile.type) {
if (key === 'weather') {
@ -36,10 +35,10 @@ export default class Tiles extends React.PureComponent {
});
return (
<div>{tiles}</div>
<React.Fragment>
{tiles}
</React.Fragment>
);
}
}