Skip to content

Commit e8c953d

Browse files
shahednassershahednasser
authored
docs: add new cards to recipe section (#11615)
1 parent c9df82f commit e8c953d

File tree

6 files changed

+169
-4
lines changed

6 files changed

+169
-4
lines changed

‎www/apps/book/components/Homepage/RecipesSection/index.tsx‎

Lines changed: 18 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,19 +4,28 @@ import {
44
Card,
55
CardProps,
66
ChefHatIcon,
7+
ErpIcon,
78
IconHeadline,
89
ImageBinaryIcon,
910
Link,
11+
RestockIcon,
1012
ScrollTextIcon,
1113
ShopIcon,
1214
} from "docs-ui"
1315

1416
const HomepageRecipesSection = () => {
1517
const cards: CardProps[] = [
18+
{
19+
type: "large",
20+
title: "ERP",
21+
text: "Integrate an ERP system to manage custom product prices, purchase rules, syncing orders, and more.",
22+
href: "https://docs.medusajs.com/resources/recipes/erp",
23+
icon: ErpIcon,
24+
},
1625
{
1726
type: "large",
1827
title: "Marketplace",
19-
text: "Build a marketplace with multiple vendors",
28+
text: "Build a marketplace with multiple vendors.",
2029
href: "https://docs.medusajs.com/resources/recipes/marketplace/examples/vendors",
2130
icon: ShopIcon,
2231
},
@@ -30,7 +39,7 @@ const HomepageRecipesSection = () => {
3039
{
3140
type: "large",
3241
title: "Restaurant-Delivery",
33-
text: "Build a restaurant marketplace inspired by UberEats, with real-time delivery handling",
42+
text: "Build a restaurant marketplace inspired by UberEats, with real-time delivery handling.",
3443
href: "https://docs.medusajs.com/resources/recipes/marketplace/examples/restaurant-delivery",
3544
icon: ChefHatIcon,
3645
},
@@ -41,6 +50,13 @@ const HomepageRecipesSection = () => {
4150
href: "https://docs.medusajs.com/resources/recipes/digital-products/examples/standard",
4251
icon: ImageBinaryIcon,
4352
},
53+
{
54+
type: "large",
55+
title: "Restock Notifications",
56+
text: "Notify customers when a product is back in stock.",
57+
href: "https://docs.medusajs.com/resources/recipes/commerce-automation/restock-notification",
58+
icon: RestockIcon,
59+
},
4460
]
4561
return (
4662
<div className={clsx("py-4 w-full")}>

‎www/apps/resources/generated/sidebar.mjs‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -164,7 +164,7 @@ export const generatedSidebar = [
164164
"isPathHref": true,
165165
"type": "link",
166166
"path": "/recipes/erp/odoo",
167-
"title": "Odoo Integration",
167+
"title": "Example: Odoo Integration",
168168
"children": []
169169
}
170170
]

‎www/apps/resources/sidebars/recipes.mjs‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -49,7 +49,7 @@ export const recipesSidebar = [
4949
{
5050
type: "link",
5151
path: "/recipes/erp/odoo",
52-
title: "Odoo Integration",
52+
title: "Example: Odoo Integration",
5353
},
5454
],
5555
},

‎www/packages/docs-ui/src/components/Icons/Erp/index.tsx‎

Lines changed: 92 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,92 @@
1+
import React from "react"
2+
import { IconProps } from "@medusajs/icons/dist/types"
3+
4+
export const ErpIcon = (props: IconProps) => {
5+
return (
6+
<svg
7+
width="30"
8+
height="30"
9+
viewBox="0 0 30 30"
10+
fill="none"
11+
xmlns="http://www.w3.org/2000/svg"
12+
{...props}
13+
>
14+
<path
15+
opacity="0.3"
16+
d="M15 13.6666C16.7182 13.6666 18.1111 12.2737 18.1111 10.5554C18.1111 8.83722 16.7182 7.44434 15 7.44434C13.2818 7.44434 11.8889 8.83722 11.8889 10.5554C11.8889 12.2737 13.2818 13.6666 15 13.6666Z"
17+
fill="currentColor"
18+
/>
19+
<path
20+
opacity="0.3"
21+
d="M15 27.889C16.4727 27.889 17.6666 26.695 17.6666 25.2223C17.6666 23.7496 16.4727 22.5557 15 22.5557C13.5272 22.5557 12.3333 23.7496 12.3333 25.2223C12.3333 26.695 13.5272 27.889 15 27.889Z"
22+
fill="currentColor"
23+
/>
24+
<path
25+
opacity="0.3"
26+
d="M4.77775 26.1112C6.25051 26.1112 7.44442 24.9172 7.44442 23.4445C7.44442 21.9718 6.25051 20.7778 4.77775 20.7778C3.30499 20.7778 2.11108 21.9718 2.11108 23.4445C2.11108 24.9172 3.30499 26.1112 4.77775 26.1112Z"
27+
fill="currentColor"
28+
/>
29+
<path
30+
opacity="0.3"
31+
d="M25.2222 26.1112C26.6949 26.1112 27.8889 24.9172 27.8889 23.4445C27.8889 21.9718 26.6949 20.7778 25.2222 20.7778C23.7495 20.7778 22.5555 21.9718 22.5555 23.4445C22.5555 24.9172 23.7495 26.1112 25.2222 26.1112Z"
32+
fill="currentColor"
33+
/>
34+
<path
35+
d="M15 13.6666C16.7182 13.6666 18.1111 12.2737 18.1111 10.5554C18.1111 8.83722 16.7182 7.44434 15 7.44434C13.2818 7.44434 11.8889 8.83722 11.8889 10.5554C11.8889 12.2737 13.2818 13.6666 15 13.6666Z"
36+
stroke="currentColor"
37+
strokeWidth="2.66667"
38+
strokeLinecap="round"
39+
strokeLinejoin="round"
40+
/>
41+
<path
42+
d="M15 27.889C16.4727 27.889 17.6666 26.695 17.6666 25.2223C17.6666 23.7496 16.4727 22.5557 15 22.5557C13.5272 22.5557 12.3333 23.7496 12.3333 25.2223C12.3333 26.695 13.5272 27.889 15 27.889Z"
43+
stroke="currentColor"
44+
strokeWidth="2.66667"
45+
strokeLinecap="round"
46+
strokeLinejoin="round"
47+
/>
48+
<path
49+
d="M4.77775 26.1112C6.25052 26.1112 7.44442 24.9172 7.44442 23.4445C7.44442 21.9718 6.25052 20.7778 4.77775 20.7778C3.30499 20.7778 2.11108 21.9718 2.11108 23.4445C2.11108 24.9172 3.30499 26.1112 4.77775 26.1112Z"
50+
stroke="currentColor"
51+
strokeWidth="2.66667"
52+
strokeLinecap="round"
53+
strokeLinejoin="round"
54+
/>
55+
<path
56+
d="M6.55554 10.5555C6.55554 5.89242 10.3369 2.11108 15 2.11108C19.6631 2.11108 23.4444 5.89242 23.4444 10.5555"
57+
stroke="currentColor"
58+
strokeWidth="2.66667"
59+
strokeLinecap="round"
60+
strokeLinejoin="round"
61+
/>
62+
<path
63+
d="M8.56088 14.4756L6.48444 15.7396C5.42488 16.3849 4.77777 17.5351 4.77777 18.776V20.7778"
64+
stroke="currentColor"
65+
strokeWidth="2.66667"
66+
strokeLinecap="round"
67+
strokeLinejoin="round"
68+
/>
69+
<path
70+
d="M25.2222 26.1112C26.6949 26.1112 27.8889 24.9172 27.8889 23.4445C27.8889 21.9718 26.6949 20.7778 25.2222 20.7778C23.7495 20.7778 22.5555 21.9718 22.5555 23.4445C22.5555 24.9172 23.7495 26.1112 25.2222 26.1112Z"
71+
stroke="currentColor"
72+
strokeWidth="2.66667"
73+
strokeLinecap="round"
74+
strokeLinejoin="round"
75+
/>
76+
<path
77+
d="M21.4391 14.4756L23.5156 15.7396C24.5751 16.3849 25.2223 17.5351 25.2223 18.776V20.7778"
78+
stroke="currentColor"
79+
strokeWidth="2.66667"
80+
strokeLinecap="round"
81+
strokeLinejoin="round"
82+
/>
83+
<path
84+
d="M15 18.1111V22.5555"
85+
stroke="currentColor"
86+
strokeWidth="2.66667"
87+
strokeLinecap="round"
88+
strokeLinejoin="round"
89+
/>
90+
</svg>
91+
)
92+
}

‎www/packages/docs-ui/src/components/Icons/Restock/index.tsx‎

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
import React from "react"
2+
import { IconProps } from "@medusajs/icons/dist/types"
3+
4+
export const RestockIcon = (props: IconProps) => {
5+
return (
6+
<svg
7+
width="26"
8+
height="30"
9+
viewBox="0 0 26 30"
10+
fill="none"
11+
xmlns="http://www.w3.org/2000/svg"
12+
{...props}
13+
>
14+
<path
15+
opacity="0.3"
16+
fillRule="evenodd"
17+
clipRule="evenodd"
18+
d="M5.44447 7.33325H20.5556C22.5193 7.33325 24.1111 8.92513 24.1111 10.8888V21.5555C24.1111 22.6783 23.5906 23.6796 22.7778 24.3311V19.7777C22.7778 17.5686 20.9869 15.7777 18.7778 15.7777C16.5687 15.7777 14.7778 17.5686 14.7778 19.7777V24.6666C14.7778 24.8168 14.7862 24.9651 14.8022 25.111H5.44447C3.48079 25.111 1.88892 23.5192 1.88892 21.5555V10.8888C1.88892 8.92513 3.48079 7.33325 5.44447 7.33325Z"
19+
fill="currentColor"
20+
/>
21+
<path
22+
d="M13 2V12.6667"
23+
stroke="currentColor"
24+
strokeWidth="2.66667"
25+
strokeLinecap="round"
26+
strokeLinejoin="round"
27+
/>
28+
<path
29+
d="M2.33337 9.17156L4.90937 3.97689C5.51026 2.76622 6.74404 2 8.09515 2H17.9049C19.256 2 20.4898 2.76622 21.0907 3.97689L23.6667 9.17333"
30+
stroke="currentColor"
31+
strokeWidth="2.66667"
32+
strokeLinecap="round"
33+
strokeLinejoin="round"
34+
/>
35+
<path
36+
d="M23.2222 23.8844C23.768 23.2586 24.1111 22.4515 24.1111 21.5555V10.8888C24.1111 8.92614 22.52 7.33325 20.5556 7.33325H5.44447C3.48003 7.33325 1.88892 8.92614 1.88892 10.8888V21.5555C1.88892 23.5181 3.48003 25.111 5.44447 25.111H14.3334"
37+
stroke="currentColor"
38+
strokeWidth="2.66667"
39+
strokeLinecap="round"
40+
strokeLinejoin="round"
41+
/>
42+
<path
43+
d="M18.7778 24.6667V19.7778"
44+
stroke="currentColor"
45+
strokeWidth="2.66667"
46+
strokeLinecap="round"
47+
strokeLinejoin="round"
48+
/>
49+
<path
50+
d="M18.7778 29.9999C19.5141 29.9999 20.1111 29.4029 20.1111 28.6666C20.1111 27.9302 19.5141 27.3333 18.7778 27.3333C18.0414 27.3333 17.4445 27.9302 17.4445 28.6666C17.4445 29.4029 18.0414 29.9999 18.7778 29.9999Z"
51+
fill="currentColor"
52+
/>
53+
</svg>
54+
)
55+
}

‎www/packages/docs-ui/src/components/Icons/index.tsx‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,9 +3,11 @@ export * from "./CalendarRefresh"
33
export * from "./ChefHat"
44
export * from "./CircleDottedLine"
55
export * from "./DecisionProcess"
6+
export * from "./Erp"
67
export * from "./ImageBinary"
78
export * from "./PuzzleColored"
89
export * from "./QuestionMark"
10+
export * from "./Restock"
911
export * from "./ScrollText"
1012
export * from "./ShadedBg"
1113
export * from "./Shop"

0 commit comments

Comments
 (0)
⚡