GrammarTermLookup.tsx 654 B

1234567891011121314151617181920212223242526272829
  1. import { type IWidgetTermCtl, TermCtl } from "./Term"
  2. import GrammarLookup from "../dict/GrammarLookup";
  3. interface IGrammarTermLookupCtl {
  4. word?: string;
  5. term?: IWidgetTermCtl;
  6. }
  7. const GrammarTermLookupCtl = ({ word, term }: IGrammarTermLookupCtl) => {
  8. return (
  9. <GrammarLookup word={word}>
  10. <TermCtl {...term} compact={true} />
  11. </GrammarLookup>
  12. );
  13. };
  14. interface IWidget {
  15. props: string;
  16. }
  17. const Widget = ({ props }: IWidget) => {
  18. const prop = JSON.parse(atob(props)) as IGrammarTermLookupCtl;
  19. console.debug("QuoteLink", prop);
  20. return (
  21. <>
  22. <GrammarTermLookupCtl {...prop} />
  23. </>
  24. );
  25. };
  26. export default Widget;