Skip to content

Commit d9d04a3

Browse files
infomihoinfomiho
committed
Updates Waspleau links
1 parent 98f50e6 commit d9d04a3

File tree

4 files changed

+51
-53
lines changed

4 files changed

+51
-53
lines changed

‎examples/waspleau/README.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ It pulls in data via [Jobs](https://wasp-lang.dev/docs/language/features#jobs) a
55

66
This example project can serve as a good starting point for building your own dashboard with Wasp, that regularly pulls in external data by using Jobs Wasp feature.
77

8-
The deployed version of this example can be found at https://waspleau.netlify.app/ .
8+
The deployed version of this example can be found at https://waspleau-app-client.fly.dev/ .
99

1010
## Running in development
1111

‎web/blog/2022-01-27-waspleau.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ import ImgWithCaption from './components/ImgWithCaption'
1414
![Hello, Waspleau](../static/img/waspleau-screenshot.png)
1515

1616
<p align="center">
17-
<Link to={'https://waspleau.netlify.app/'}>See Waspleau here!</Link> | <Link to={'https://github.com/wasp-lang/wasp/blob/release/examples/waspleau'}>See the code</Link>
17+
<Link to={'https://waspleau-app-client.fly.dev/'}>See Waspleau here!</Link> | <Link to={'https://github.com/wasp-lang/wasp/blob/release/examples/waspleau'}>See the code</Link>
1818
</p>
1919

2020
We've built a dashboard powered by a job queue using Wasp!
@@ -30,7 +30,7 @@ We've built a dashboard powered by a job queue using Wasp!
3030

3131
Let’s face it - metrics are all around us. Wouldn’t it be great if there was a quick and easy way to build a nice-looking metrics dashboard from data pulled in by HTTP calls to many different sources, cache the data in-memory, and periodically update it via background jobs? Why yes, yes it would... so we made an example Wasp app called Waspleau that does just that!
3232

33-
Here is what it looks like live: https://waspleau.netlify.app/ There is also a screenshot at the top of this post for those who refrain from clicking on any unknown web links for fear of being **Rickrolled**. Respect.
33+
Here is what it looks like live: https://waspleau-app-client.fly.dev/ There is also a screenshot at the top of this post for those who refrain from clicking on any unknown web links for fear of being **Rickrolled**. Respect.
3434

3535
## “Show me the code”
3636

‎web/docs/examples.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ The full list of examples can be found [here](https://github.com/wasp-lang/wasp/
2525
## Waspleau (Realtime Statistics Dashboard)
2626
- **Features**: Cron [Jobs](language/features#jobs), [Server Setup](language/features#server-configuration)
2727
- Source code: [GitHub](https://github.com/wasp-lang/wasp/tree/main/examples/waspleau)
28-
- Hosted at [https://waspleau.netlify.app/](https://waspleau.netlify.app/)
28+
- Hosted at [https://waspleau-app-client.fly.dev/](https://waspleau-app-client.fly.dev/)
2929
<p align='center'>
3030
<img src={useBaseUrl('img/waspleau.png')} width='75%'/>
3131
</p>

‎web/src/components/ExampleWaspApps.js‎

Lines changed: 47 additions & 49 deletions
Original file line numberDiff line numberDiff line change
@@ -5,34 +5,35 @@ import { GitHub, ArrowUpRight, Monitor } from 'react-feather'
55

66
const examples = [
77
{
8-
title: "Waspello 📝",
8+
title: 'Waspello 📝',
99
description: 'A Trello clone made with Wasp.',
10-
tags: ["Optimistic UI Updates"],
11-
level: "Beginner",
12-
authorName: "wasp",
10+
tags: ['Optimistic UI Updates'],
11+
level: 'Beginner',
12+
authorName: 'wasp',
1313
authorImg: 'https://avatars.githubusercontent.com/u/55102317',
14-
repoName: "waspello-example-app",
15-
repoUrl: "https://github.com/wasp-lang/wasp/tree/main/examples/waspello",
16-
demoUrl: "https://waspello-demo.netlify.app/",
14+
repoName: 'waspello-example-app',
15+
repoUrl: 'https://github.com/wasp-lang/wasp/tree/main/examples/waspello',
16+
demoUrl: 'https://waspello-demo.netlify.app/',
1717
// todo: try in GitPod/Replit url
1818
},
1919
{
20-
title: "Real World App 🐑",
20+
title: 'Real World App 🐑',
2121
description: 'A Medium clone made with Wasp and Material UI.',
22-
authorName: "wasp",
22+
authorName: 'wasp',
2323
authorImg: 'https://avatars.githubusercontent.com/u/55102317',
24-
repoName: "real-world-app",
25-
repoUrl: "https://github.com/wasp-lang/wasp/tree/main/examples/realworld",
26-
demoUrl: "https://wasp-rwa.netlify.app/",
24+
repoName: 'real-world-app',
25+
repoUrl: 'https://github.com/wasp-lang/wasp/tree/main/examples/realworld',
26+
demoUrl: 'https://wasp-rwa.netlify.app/',
2727
},
2828
{
29-
title: "Waspleau 📊",
30-
description: 'A simple data dashboard that makes use of Wasp async jobs feature.',
31-
authorName: "wasp",
29+
title: 'Waspleau 📊',
30+
description:
31+
'A simple data dashboard that makes use of Wasp async jobs feature.',
32+
authorName: 'wasp',
3233
authorImg: 'https://avatars.githubusercontent.com/u/55102317',
33-
repoName: "waspleau-jobs-example",
34-
repoUrl: "https://github.com/wasp-lang/wasp/tree/main/examples/waspleau",
35-
demoUrl: "https://waspleau.netlify.app/",
34+
repoName: 'waspleau-jobs-example',
35+
repoUrl: 'https://github.com/wasp-lang/wasp/tree/main/examples/waspleau',
36+
demoUrl: 'https://waspleau-app-client.fly.dev/',
3637
},
3738
]
3839

@@ -49,7 +50,7 @@ const SeeTheCodeButton = ({ repoUrl }) => (
4950
`}
5051
>
5152
<span>See the code</span>
52-
<ArrowUpRight className='ml-2' size={14} />
53+
<ArrowUpRight className="ml-2" size={14} />
5354
</button>
5455
</Link>
5556
)
@@ -67,7 +68,7 @@ const DemoButton = ({ demoUrl }) => (
6768
`}
6869
>
6970
<span>Demo</span>
70-
<Monitor className='ml-2' size={14} />
71+
<Monitor className="ml-2" size={14} />
7172
</button>
7273
</Link>
7374
)
@@ -85,16 +86,18 @@ const ExampleCard = (props) => (
8586
p-5
8687
`}
8788
>
88-
<div className='mb-4'>
89-
<h4 className='mb-4 text-neutral-700'>{props.title}</h4>
90-
<p className='text-sm mb-4 text-neutral-500'>{props.description}</p>
89+
<div className="mb-4">
90+
<h4 className="mb-4 text-neutral-700">{props.title}</h4>
91+
<p className="text-sm mb-4 text-neutral-500">{props.description}</p>
9192
<div>
9293
<img
93-
className='inline w-6 rounded-full'
94+
className="inline w-6 rounded-full"
9495
src={props.authorImg}
9596
alt={props.authorName + ' GitHub profile picture'}
9697
/>
97-
<span className='ml-2 text-sm text-neutral-700'>{props.authorName}</span>
98+
<span className="ml-2 text-sm text-neutral-700">
99+
{props.authorName}
100+
</span>
98101
</div>
99102
</div>
100103
</div>
@@ -110,54 +113,51 @@ const ExampleCard = (props) => (
110113
`}
111114
>
112115
<Link to={props.repoUrl}>
113-
<span className='flex items-center text-sm text-neutral-500 hover:text-neutral-400'>
114-
<span className=''>{props.repoName}</span>
115-
<span className='ml-1 inline-block'>
116-
<GitHub className='' size={14} />
116+
<span className="flex items-center text-sm text-neutral-500 hover:text-neutral-400">
117+
<span className="">{props.repoName}</span>
118+
<span className="ml-1 inline-block">
119+
<GitHub className="" size={14} />
117120
</span>
118121
</span>
119122
</Link>
120123

121124
{/* Action buttons */}
122-
<div className='mt-3 flex items-center gap-2'>
123-
125+
<div className="mt-3 flex items-center gap-2">
124126
<SeeTheCodeButton repoUrl={props.repoUrl} />
125127
{/* Demo apps are not mobile-friendly yet so hiding them on mobile for now. */}
126-
<span className='hidden md:block'>
127-
{props.demoUrl && (
128-
<DemoButton demoUrl={props.demoUrl} />
129-
)}
128+
<span className="hidden md:block">
129+
{props.demoUrl && <DemoButton demoUrl={props.demoUrl} />}
130130
</span>
131-
132131
</div>
133132
</div>
134133
</>
135134
)
136135

137136
const ExampleWaspApps = () => {
138137
return (
139-
<SectionContainer className='space-y-16' id='examples'>
140-
<div className='grid grid-cols-12'>
141-
<div className='col-span-12 text-center'>
142-
<h2 className='text-xl lg:text-2xl text-neutral-700 mb-4'>
138+
<SectionContainer className="space-y-16" id="examples">
139+
<div className="grid grid-cols-12">
140+
<div className="col-span-12 text-center">
141+
<h2 className="text-xl lg:text-2xl text-neutral-700 mb-4">
143142
Show, don't tell.
144143
</h2>
145-
<p className='text-neutral-500'>
146-
Take a look at examples - see how things work and get inspired for your next project.
144+
<p className="text-neutral-500">
145+
Take a look at examples - see how things work and get inspired for
146+
your next project.
147147
</p>
148148
</div>
149149
</div>
150150

151-
<div className='mt-16 grid grid-cols-12 gap-5'>
151+
<div className="mt-16 grid grid-cols-12 gap-5">
152152
{examples.slice(0, 6).map((e, idx) => (
153-
<div className='col-span-12 lg:col-span-6 xl:col-span-4'>
153+
<div className="col-span-12 lg:col-span-6 xl:col-span-4">
154154
<ExampleCard {...e} />
155155
</div>
156156
))}
157157
</div>
158158

159-
<div className='flex justify-center'>
160-
<Link to='https://github.com/wasp-lang/wasp/tree/main/examples'>
159+
<div className="flex justify-center">
160+
<Link to="https://github.com/wasp-lang/wasp/tree/main/examples">
161161
<span
162162
className={`
163163
text-neutral-500
@@ -168,14 +168,12 @@ const ExampleWaspApps = () => {
168168
`}
169169
>
170170
<span>See all examples</span>
171-
<ArrowUpRight className='ml-1' size={14} />
171+
<ArrowUpRight className="ml-1" size={14} />
172172
</span>
173173
</Link>
174174
</div>
175-
176175
</SectionContainer>
177176
)
178-
179177
}
180178

181179
export default ExampleWaspApps

0 commit comments

Comments
 (0)