hive-react-kit 0.6.1 → 0.6.2

package/README.md

@@ -228,6 +228,14 @@ import { HiveDetailPost } from 'hive-react-kit';
   onSubmitComment={(pAuthor, pPermlink, body) => console.log("Comment:", body)}
 />
 
+// Custom gradient background
+<HiveDetailPost
+  author="sagarkothari88"
+  permlink="my-first-post"
+  backgroundColor={["#0f172a", "#1e293b", "#0f3460"]}
+  onUpvote={(percent) => console.log("Upvote:", percent)}
+/>
+
 // Full usage with all callbacks
 <HiveDetailPost
   author="sagarkothari88"
@@ -256,6 +264,7 @@ import { HiveDetailPost } from 'hive-react-kit';
 | `author` | `string` | *required* | Hive account name of the post author |
 | `permlink` | `string` | *required* | Permlink of the post |
 | `currentUser` | `string` | `undefined` | Logged-in username. Required for upvote/comment/reblog |
+| `backgroundColor` | `string \| string[]` | `undefined` (gray-900) | Single color for solid bg, or array of colors for gradient |
 | `onBack` | `() => void` | `undefined` | Back button callback. Hidden when not provided |
 | `onUserClick` | `(username: string) => void` | `undefined` | Called when author avatar/name is clicked |
 

package/dist/components/HiveDetailPost.d.ts

@@ -14,8 +14,10 @@ export interface HiveDetailPostProps {
     giphyApiKey?: string;
     templateToken?: string;
     templateApiBaseUrl?: string;
+    /** Background color for the component. Pass a single color string for a solid background, or an array of colors for a gradient (e.g. `["#0f172a", "#1e293b"]` or `["#1a1a2e", "#16213e", "#0f3460"]`). Defaults to gray-900. */
+    backgroundColor?: string | string[];
     onBack?: () => void;
     onUserClick?: (username: string) => void;
 }
-export declare function HiveDetailPost({ author, permlink, currentUser, onUpvote, onSubmitComment, onClickCommentUpvote, onReblog, onShare, onTip, onReport, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, onBack, onUserClick, }: HiveDetailPostProps): import("react/jsx-runtime").JSX.Element;
+export declare function HiveDetailPost({ author, permlink, currentUser, onUpvote, onSubmitComment, onClickCommentUpvote, onReblog, onShare, onTip, onReport, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, backgroundColor, onBack, onUserClick, }: HiveDetailPostProps): import("react/jsx-runtime").JSX.Element;
 export default HiveDetailPost;