hive-react-kit 0.2.6 → 0.3.1

package/README.md

@@ -80,6 +80,57 @@ import type { Video, Comment, Wallet as WalletType } from 'hive-react-kit/types'
 - **UserFollowers** - User followers list
 - **UserFollowing** - User following list
 
+### Toolbar Component
+
+- **HiveToolbar** - A fixed bottom toolbar showcasing Hive ecosystem apps and witness voting links. Responsive across mobile, tablet, and desktop.
+
+#### HiveToolbar Usage
+
+```tsx
+import { HiveToolbar } from 'hive-react-kit';
+
+// Show all items (default)
+<HiveToolbar />
+
+// Hide specific items
+<HiveToolbar isDistriator={false} isHpolls={false} />
+
+// Custom background color
+<HiveToolbar backgroundColor="#1a1a2e" />
+```
+
+#### HiveToolbar Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `isDistriator` | `boolean` | `true` | Show/hide Distriator link |
+| `isCheckinwithxyz` | `boolean` | `true` | Show/hide CheckinWithXYZ link |
+| `isHreplier` | `boolean` | `true` | Show/hide HReplier link |
+| `isHpolls` | `boolean` | `true` | Show/hide HPolls link |
+| `isHstats` | `boolean` | `true` | Show/hide HStats link |
+| `isHsnaps` | `boolean` | `true` | Show/hide HSnaps link |
+| `isHiveFestFacts` | `boolean` | `true` | Show/hide HiveFestFacts link |
+| `backgroundColor` | `string` | `'#ffffff'` | Toolbar background color |
+| `textColor` | `string` | `'#4b5563'` | Text color for all app names |
+| `borderTopColor` | `string` | `'#e2e8f0'` | Top border color of the toolbar |
+
+> **Note:** Vote Witness Sagar, Vote Witness 3Speak, and 3Speak are always visible and cannot be hidden.
+
+#### Toolbar Items
+
+| Item | URL |
+|------|-----|
+| Vote Witness Sagar | https://vote.hive.uno/@sagarkothari88 |
+| Vote Witness 3Speak | https://vote.hive.uno/@threespeak |
+| Distriator | https://distriator.com/ |
+| CheckinWithXYZ | https://checkinwith.xyz/ |
+| HReplier | https://hreplier.sagarkothari88.one/ |
+| HPolls | https://hpolls.sagarkothari88.one/ |
+| HStats | https://hstats.sagarkothari88.one/ |
+| HSnaps | https://hsnaps.sagarkothari88.one/ |
+| 3Speak | https://3speak.tv/ |
+| HiveFestFacts | https://hivefestfacts.sagarkothari88.one/ |
+
 ### Feed Components
 
 - **PostFeedList** - Display a list of posts with sorting, filtering, and interaction capabilities

package/dist/build.css

@@ -737,6 +737,9 @@
   .cursor-pointer {
     cursor: pointer;
   }
+  .resize {
+    resize: both;
+  }
   .resize-none {
     resize: none;
   }

package/dist/components/HiveToolbar.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+export interface HiveToolbarProps {
+    isDistriator?: boolean;
+    isCheckinwithxyz?: boolean;
+    isHreplier?: boolean;
+    isHpolls?: boolean;
+    isHstats?: boolean;
+    isHsnaps?: boolean;
+    isHiveFestFacts?: boolean;
+    backgroundColor?: string;
+    textColor?: string;
+    borderTopColor?: string;
+}
+declare const HiveToolbar: React.FC<HiveToolbarProps>;
+export default HiveToolbar;

package/dist/components/index.d.ts

@@ -9,6 +9,7 @@ export { default as FollowersList } from './FollowersList';
 export { default as FollowingList } from './FollowingList';
 export { default as ActivityList } from './ActivityList';
 export { HiveDetailPost } from './HiveDetailPost';
+export { default as HiveToolbar, type HiveToolbarProps } from './HiveToolbar';
 export { default as FavouriteWidget } from './common/FavouriteWidget';
 export { default as CommunitiesList } from './community/CommunitiesList';
 export { default as CommunityAbout } from './community/CommunityAbout';