From 53fc86eac1cce4d12cf09906cc66818f61368349 Mon Sep 17 00:00:00 2001 From: Kingkor Roy Tirtho Date: Sun, 3 Jul 2022 19:08:18 +0600 Subject: [PATCH] Docs: Front page Images added QueryBuilder & useQuery onData, onError not working bugfix --- assets/fl-query-logo.svg | 12 +- docs/docs/intro.md | 2 +- docs/docs/tutorial-basics/_category_.json | 6 +- docs/docusaurus.config.js | 4 +- .../src/components/HomepageFeatures/index.tsx | 16 +- docs/src/pages/index.tsx | 6 +- docs/static/img/declarative_ui_icon.svg | 159 ++++++++++++++++++ docs/static/img/favicon.ico | Bin 3626 -> 3518 bytes docs/static/img/logo.svg | 33 ++-- docs/static/img/no_boilerplate_code.png | Bin 0 -> 205539 bytes docs/static/img/optimistic_data.svg | 59 +++++++ .../fl_query/lib/src/hooks/use_query.dart | 8 +- packages/fl_query/lib/src/query_builder.dart | 11 +- 13 files changed, 274 insertions(+), 42 deletions(-) create mode 100644 docs/static/img/declarative_ui_icon.svg create mode 100644 docs/static/img/no_boilerplate_code.png create mode 100644 docs/static/img/optimistic_data.svg diff --git a/assets/fl-query-logo.svg b/assets/fl-query-logo.svg index a9367c1..e6fea07 100644 --- a/assets/fl-query-logo.svg +++ b/assets/fl-query-logo.svg @@ -24,9 +24,9 @@ inkscape:deskcolor="#d1d1d1" inkscape:document-units="mm" showgrid="false" - inkscape:zoom="0.4788028" + inkscape:zoom="0.1197007" inkscape:cx="401.00016" - inkscape:cy="536.75542" + inkscape:cy="534.66688" inkscape:window-width="1280" inkscape:window-height="955" inkscape:window-x="0" @@ -60,13 +60,13 @@ cy="130.65985" rx="58.309181" ry="59.124962" />>; + Svg?: React.ComponentType>; + Png?: string; description: JSX.Element; }; const FeatureList: FeatureItem[] = [ { title: 'No boilerplate & high code reusability', - Svg: require('@site/static/img/undraw_docusaurus_mountain.svg').default, + Png: 'img/no_boilerplate_code.png', description: ( <> Fl-Query is designed to be less cluttering + reusable and lets you focus on only the logic you actually want to implement without handling hazard of cached data management @@ -20,7 +21,7 @@ const FeatureList: FeatureItem[] = [ }, { title: 'Declarative & Easy to use', - Svg: require('@site/static/img/undraw_docusaurus_tree.svg').default, + Svg: require('@site/static/img/declarative_ui_icon.svg').default, description: ( <> Define your logic once and distribute it thousand times. By using Fl-Query you never have to write the same logic twice. It has an easy to understand API that you can learn in only 2-4 hours @@ -29,7 +30,7 @@ const FeatureList: FeatureItem[] = [ }, { title: 'Optimistic data with smart refetching', - Svg: require('@site/static/img/undraw_docusaurus_react.svg').default, + Svg: require('@site/static/img/optimistic_data.svg').default, description: ( <> The days of Loading Screen is over. Fetch and update your data transparently without disturbing the user with a Loading Indicator. Update your Data even before a data updates on the server and after finally getting the actual data, replace the predicted data with the real one @@ -38,11 +39,12 @@ const FeatureList: FeatureItem[] = [ }, ]; -function Feature({ title, Svg, description }: FeatureItem) { +function Feature({ title, Svg, description, Png }: FeatureItem) { return (
- + {Svg && } + {Png && }

{title}

diff --git a/docs/src/pages/index.tsx b/docs/src/pages/index.tsx index 23e5efc..2b6b223 100644 --- a/docs/src/pages/index.tsx +++ b/docs/src/pages/index.tsx @@ -8,9 +8,9 @@ import { FiGithub } from "react-icons/fi" function HomepageHeader() { const { siteConfig } = useDocusaurusContext(); return ( -
+

- + {siteConfig.title}

{siteConfig.tagline}

@@ -36,7 +36,7 @@ export default function Home(): JSX.Element { const { siteConfig } = useDocusaurusContext(); return (
diff --git a/docs/static/img/declarative_ui_icon.svg b/docs/static/img/declarative_ui_icon.svg new file mode 100644 index 0000000..5d77cbf --- /dev/null +++ b/docs/static/img/declarative_ui_icon.svg @@ -0,0 +1,159 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/static/img/favicon.ico b/docs/static/img/favicon.ico index c01d54bcd39a5f853428f3cd5aa0f383d963c484..7ee0c88be3e11fba206f8dcb56cd81d234ccc296 100644 GIT binary patch literal 3518 zcmeHK*;A8O6i@$vzV^Wf)mPAr06!?U#v$Y8^k@GOyG#xv(E<#(=!%v7V zL5++!k+pjh{C6e8|5h9Pf6YR4)B-$je*95fwt-&M-MNMfg;_Y99Ea5S4MMnop&(0) z*#=*r(s~wi)>`0yyC0f5K+^#D$H$@UO!fzPdOBNh=6EXBhno>RX)Saf=?Iv34gnrl zC80j+f+s~{eOL$)8N< zj|;}{@J=!KI52aFt zd5RWdR3%WnxtKZ01Wl1u$`{8{I|Sb)A=tGs6i&zR8$6>ppPzw1RWuCVgEEKSs~b9H z3RVS&Av-l5H?2i@SbJSadD$s!S*(TMk6S1Xmz*z6<`K+NF2ihfl)wZ=Wv<4$Duio7 zp;x!b96I%5%%8FdCo&V!)7dQBj_u@TC1OTumRMVwdWywbkD0TAVNf>^R=dD#tg9AN zMx4Xg6Bk8!IU{rEy;`wgdIYYPoFH!`fA}r+U2qHykPPDCopP*PF$aFco=_!9VLrV7wi<{KwlR&FAAr%`lpPiQyvf;(P2T*scy@9qvtkU z{w?Q?SX?+?Sd4koO5txfiSJX=ajW_omDueCzomAu=pgjUoiZL{M~4N&G(|@_>lAuD z#Tha42Rv_~qEh3zBb2L#dllH1w2$oSq4yesMSleMYARmZyy9ZTv&LG4`Ys{cVS&lm z%%S@xkn$T5baWpL(sXrY?piez?YCDz&oknd{71_Pc z)8E&DmBD7R>5^h1Y~~1j4A^t7j* zN;+=`?VDwI(oi$TM;C7VL0noopS>Iino@~^L#L^3c45Phu{;lH4bPjrntUG-n2gOF ziBT44m6wE$&t#oP8j6mk$UIU$Tqw6%5uqy!Y>; zyOEi+8S59CF~>WaY|6*Xfxuua_nk17hx@gaWmsY`QCwxO&EqwyRXrws3A7WBljKmp zlxq5fVtD=Af#)&?V|}PK+^?WBm(~S+gXqTGd+vO^@6EP6hvzcJ$F#nlb`&1miN%I6 znwyLOWwqGf>^pyhNa7MY9%CD}Euc9(_wTm$*2m(GPl#NBB}NNOQ&(fI&qg8KXC066 nw*}k&)5iB`Pge_`)YssC&1E6nXC06I-~PP}xPJ%zSMR?7wXRk2 literal 3626 zcmb`Je@s(X6vrR`EK3%b%orErlDW({vnABqA zcfaS{d+xbU5JKp0*;0YOg+;Fl!eT)XRuapIwFLL`=imZCSon$`se`_<%@MB=M~KG+ z=EW^FL`w|Bo>*ktlaS^(fut!95`iG5u=SZ8nfDHO#GaTlH1-XG^;vsjUb^gWTVz0+ z^=WR1wv9-2oeR=_;fL0H7rNWqAzGtO(D;`~cX(RcN0w2v24Y8)6t`cS^_ghs`_ho? z{0ka~1Dgo8TfAP$r*ua?>$_V+kZ!-(TvEJ7O2f;Y#tezt$&R4 zLI}=-y@Z!grf*h3>}DUL{km4R>ya_I5Ag#{h_&?+HpKS!;$x3LC#CqUQ8&nM?X))Q zXAy2?`YL4FbC5CgJu(M&Q|>1st8XXLZ|5MgwgjP$m_2Vt0(J z&Gu7bOlkbGzGm2sh?X`){7w69Y$1#@P@7DF{ZE=4%T0NDS)iH`tiPSKpDNW)zmtn( zw;4$f>k)4$LBc>eBAaTZeCM2(iD+sHlj!qd z2GjRJ>f_Qes(+mnzdA^NH?^NB(^o-%Gmg$c8MNMq&`vm@9Ut;*&$xSD)PKH{wBCEC z4P9%NQ;n2s59ffMn8*5)5AAg4-93gBXBDX`A7S& zH-|%S3Wd%T79fk-e&l`{!?lve8_epXhE{d3Hn$Cg!t=-4D(t$cK~7f&4s?t7wr3ZP z*!SRQ-+tr|e1|hbc__J`k3S!rMy<0PHy&R`v#aJv?`Y?2{avK5sQz%=Us()jcNuZV z*$>auD4cEw>;t`+m>h?f?%VFJZj8D|Y1e_SjxG%J4{-AkFtT2+ZZS5UScS~%;dp!V>)7zi`w(xwSd*FS;Lml=f6hn#jq)2is4nkp+aTrV?)F6N z>DY#SU0IZ;*?Hu%tSj4edd~kYNHMFvS&5}#3-M;mBCOCZL3&;2obdG?qZ>rD|zC|Lu|sny76pn2xl|6sk~Hs{X9{8iBW zwiwgQt+@hi`FYMEhX2