Loading
- Loading
ಪೂರ್ವವೀಕ್ಷಣೆ ಮಾದರಿ ಡೇಟಾದಲ್ಲಿ ಓಡುತ್ತದೆ. ಇದಕ್ಕೆ ನೆಟ್ವರ್ಕ್ ಅಥವಾ ಚಾನಲ್ ಬೇಕಿಲ್ಲ.
tsx
import { YuvaDiscussionsProvider } from "@/hooks/use-yuva-discussions"
import { useIdeas } from "@/hooks/use-yuva-roadmap"
function Planned() {
const { ideas, loading } = useIdeas("planned", "top")
if (loading) return null
return (
<ul>
{ideas.map((idea) => (
<li key={idea.id}>
{idea.title} ({idea.votes})
</li>
))}
</ul>
)
}
export function Roadmap() {
return (
<YuvaDiscussionsProvider
server={process.env.NEXT_PUBLIC_YUVA_SERVER}
channel={process.env.NEXT_PUBLIC_YUVA_CHANNEL}
>
<Planned />
</YuvaDiscussionsProvider>
)
}ಸ್ಥಾಪನೆ
ಇದನ್ನು ಒಂದು shadcn ಯೋಜನೆಯಲ್ಲಿ ಚಲಾಯಿಸಿ. ಫೈಲ್ಗಳು ನಿಮ್ಮದೇ ಕೋಡ್ಗೆ ನಕಲಾಗುತ್ತವೆ.
Shell
npx shadcn@latest add https://useyuva.com/r/use-yuva-roadmap.jsonShell
pnpm dlx shadcn@latest add https://useyuva.com/r/use-yuva-roadmap.jsonShell
yarn dlx shadcn@latest add https://useyuva.com/r/use-yuva-roadmap.jsonShell
bunx --bun shadcn@latest add https://useyuva.com/r/use-yuva-roadmap.jsonಬಳಕೆ
tsx
import { useIdeas, useRoadmap } from "@/hooks/use-yuva-roadmap"
const { board } = useRoadmap()
const { ideas, vote } = useIdeas("planned", "top")Props
RoadmapResult
| Prop | ಪ್ರಕಾರ |
|---|---|
board | ClientRoadmap | null |
loading | boolean |
error | unknown |
reload | () => Promise<void> |
IdeasResult
| Prop | ಪ್ರಕಾರ |
|---|---|
ideas | Discussion[] |
loading | boolean |
error | unknown |
hasMore | boolean |
loadMore | () => Promise<void> |
reload | () => Promise<void> |
suggest | (input: IdeaInput) => Promise<Discussion> |
vote | (idea: Discussion) => Promise<void> |
ಲೇಬಲ್ಗಳು
ಲೇಬಲ್ಗಳು Yuva roadmap ಪುಟದಲ್ಲಿ ಪಟ್ಟಿಯಾಗಿವೆ.
ಅವಲಂಬನೆಗಳು
ಈ ಐಟಂ ಸ್ಥಾಪಿಸಿದರೆ ಕೆಳಗಿನವುಗಳೂ ಸೇರುತ್ತವೆ.