Skip to content

Commit 19ca977

Browse files
authored
chore: improve missing pipe page (#962)
## TL;DR Update missing Pipe page to be similar to missing Tile page ## How to test? - [ ] Navigate to a non-existent Pipe, verify that missing Pipe page is shown and clicking on link redirects to Pipes page ## Screenshots ### Before <img width="1512" alt="Screenshot 2025-04-28 at 11 17 33 PM" src="https://github.com/user-attachments/assets/ec2400d5-62a8-4785-a86f-11b701b97c2a" /> ### After https://github.com/user-attachments/assets/c1387d13-1e52-4f62-9a77-8baec29bd78b
1 parent 18837ca commit 19ca977

File tree

1 file changed

+41
-5
lines changed

1 file changed

+41
-5
lines changed
Lines changed: 41 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,46 @@
1-
import { Infobox } from '@opengovsg/design-system-react'
1+
import { Box, Stack, Text, VStack } from '@chakra-ui/react'
2+
import { Link } from '@opengovsg/design-system-react'
3+
4+
import { PipeIcon } from '@/components/Icons/PipeIcon'
5+
import * as URLS from '@/config/urls'
6+
import styles from '@/pages/UnauthorizedTile/UnauthorizedTile.module.css'
27

38
export default function InvalidEditorPage() {
4-
// TODO (mal): check if this needs to be beautified
59
return (
6-
<Infobox variant="error">
7-
Pipe not found, you may have transferred it to someone else 🤔
8-
</Infobox>
10+
<Stack
11+
direction={{ base: 'column', md: 'row' }}
12+
maxW="1000px"
13+
margin="auto"
14+
gap={8}
15+
px={8}
16+
alignItems="center"
17+
justifyContent="center"
18+
>
19+
<Box
20+
className={styles.flicker}
21+
as={PipeIcon}
22+
color="primary.300"
23+
w="400px"
24+
h="200px"
25+
maxW="50vw"
26+
/>
27+
<VStack alignItems={{ base: 'center', md: 'start' }} gap={2}>
28+
<Text
29+
textStyle="h4"
30+
textAlign={{ base: 'center', md: 'left' }}
31+
fontWeight="normal"
32+
>
33+
Pipe not found, you may have transferred it to someone else 🤔
34+
</Text>
35+
<Link
36+
textStyle="h6"
37+
textAlign={{ base: 'center', md: 'left' }}
38+
fontWeight="normal"
39+
href={URLS.FLOWS}
40+
>
41+
Back to your Pipes
42+
</Link>
43+
</VStack>
44+
</Stack>
945
)
1046
}

0 commit comments

Comments
 (0)