hive-react-kit 0.6.1 → 0.6.3

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/build.css

@@ -3823,6 +3823,23 @@
   border-radius: 0.75rem;
   margin: 0;
 }
+.hive-post-body .threeSpeakWrapper {
+  aspect-ratio: 9 / 16;
+  max-width: 450px;
+  width: 100%;
+  margin: 1rem auto;
+  border-radius: 0.75rem;
+  overflow: hidden;
+  background: #000;
+}
+.hive-post-body .threeSpeakWrapper iframe {
+  display: block;
+  width: 100%;
+  height: 100%;
+  border: none;
+  border-radius: 0.75rem;
+  margin: 0;
+}
 .hive-post-body > :first-child {
   margin-top: 0;
 }

package/dist/components/HiveDetailPost.d.ts

@@ -14,8 +14,12 @@ export interface HiveDetailPostProps {
     giphyApiKey?: string;
     templateToken?: string;
     templateApiBaseUrl?: string;
+    /** URL to a Hive logo icon shown next to the payout value. Defaults to "/images/hive_logo.png". */
+    hiveIconUrl?: 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, hiveIconUrl, backgroundColor, onBack, onUserClick, }: HiveDetailPostProps): import("react/jsx-runtime").JSX.Element;
 export default HiveDetailPost;