github/meteor
1
1
Fork 0
mirror of https://github.com/meteor/meteor.git synced 2026-05-02 03:01:46 -04:00
Code Issues Packages Projects Releases Wiki Activity

chore: added useSubscribe typescript skeleton

Browse Source
This commit is contained in:
Gabriel Grubba
2023-01-30 11:22:11 -03:00
parent 42d6de8a12
commit 3397c778af
1 changed files with 12 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
tools/static-assets/skel-typescript/imports/ui/Info.tsx
View File

@@ -1,16 +1,19 @@
import React from 'react';
import { useTracker } from 'meteor/react-meteor-data';
import { LinksCollection, Link } from '../api/links';
import React from "react";
import { useFind, useSubscribe } from "meteor/react-meteor-data";
import { LinksCollection, Link } from "../api/links";
export const Info = () => {
const links = useTracker(() => {
return LinksCollection.find().fetch();
});
const isLoading = useSubscribe("links");
const links = useFind(() => LinksCollection.find());
if (isLoading()) {
return <div>Loading...</div>;
}
const makeLink = (link: Link) => {
return (
<li key={link._id}>
<a href={link.url} target="_blank">{link.title}</a>
<li key={ link._id }>
<a href={ link.url } target="_blank">{ link.title }</a>
</li>
);
}
@@ -18,7 +21,7 @@ export const Info = () => {
return (
<div>
<h2>Learn Meteor!</h2>
<ul>{links.map(makeLink)}</ul>
<ul>{ links.map(makeLink) }</ul>
</div>
);
};