Skip to content

Commit 22ef5f0

Browse files
committed
style: 💄 readme
1 parent f4b5d9e commit 22ef5f0

1 file changed

Lines changed: 31 additions & 14 deletions

File tree

README.md

Lines changed: 31 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -36,6 +36,11 @@
3636
</a>
3737
</p>
3838

39+
## 🏢 Using this library in production?
40+
41+
If your application depends on react-zoom-pan-pinch, I offer paid support to
42+
help you resolve issues quickly and avoid blocking releases.
43+
3944
#### Sources
4045

4146
- [Demo](https://bettertyped.github.io/react-zoom-pan-pinch/?path=/story/basic-image--image)
@@ -125,8 +130,6 @@ const Example = () => {
125130
or
126131

127132
```jsx
128-
import React, { Component } from "react";
129-
130133
import {
131134
TransformWrapper,
132135
TransformComponent,
@@ -138,9 +141,15 @@ const Controls = () => {
138141

139142
return (
140143
<div className="tools">
141-
<button onClick={() => zoomIn()}>+</button>
142-
<button onClick={() => zoomOut()}>-</button>
143-
<button onClick={() => resetTransform()}>x</button>
144+
<button type="button" onClick={() => zoomIn()}>
145+
+
146+
</button>
147+
<button type="button" onClick={() => zoomOut()}>
148+
-
149+
</button>
150+
<button type="button" onClick={() => resetTransform()}>
151+
x
152+
</button>
144153
</div>
145154
);
146155
};
@@ -152,15 +161,11 @@ const Example = () => {
152161
initialPositionX={200}
153162
initialPositionY={100}
154163
>
155-
{({ zoomIn, zoomOut, resetTransform, ...rest }) => (
156-
<>
157-
<Controls />
158-
<TransformComponent>
159-
<img src="image.jpg" alt="test" />
160-
<div>Example text</div>
161-
</TransformComponent>
162-
</>
163-
)}
164+
<Controls />
165+
<TransformComponent>
166+
<img src="image.jpg" alt="test" />
167+
<div>Example text</div>
168+
</TransformComponent>
164169
</TransformWrapper>
165170
);
166171
};
@@ -197,3 +202,15 @@ MIT © [prc5](https://github.com/prc5)
197202
<img src="https://raw.githubusercontent.com/prc5/sponsors/main/packages/other/sponsorkit/sponsors.svg?raw=true" alt="My Sponsors" />
198203
</a>
199204
</p>
205+
206+
## 🏢 Commercial Support
207+
208+
If you're using this library in production, I offer paid support:
209+
210+
- Priority issue resolution
211+
- Help with debugging production issues
212+
- Direct contact with the maintainer
213+
214+
Plans start at $400/month.
215+
216+
📩 Contact: maciekpyrc@gmail.com

0 commit comments

Comments
 (0)