diff --git a/daweb/react/pokrocila-komunikace/assets/hierarchie-komponent.png b/daweb/react/pokrocila-komunikace/assets/hierarchie-komponent.png
new file mode 100644
index 00000000..48100bfe
Binary files /dev/null and b/daweb/react/pokrocila-komunikace/assets/hierarchie-komponent.png differ
diff --git a/daweb/react/pokrocila-komunikace/assets/hierarchie-komponent.svg b/daweb/react/pokrocila-komunikace/assets/hierarchie-komponent.svg
deleted file mode 100644
index 8fbc0acf..00000000
--- a/daweb/react/pokrocila-komunikace/assets/hierarchie-komponent.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" encoding="us-ascii" standalone="no"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" contentStyleType="text/css" height="504px" preserveAspectRatio="none" style="width:901px;height:504px;background:#FFFFFF;" version="1.1" viewBox="0 0 901 504" width="901px" zoomAndPan="magnify"><defs/><g><g id="elem_HomePage"><rect fill="#F1F1F1" height="36.2969" style="stroke:#181818;stroke-width:0.5;" width="90" x="451.5" y="7"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="76" x="458.5" y="21.9951">HomePage</text><line style="stroke:#181818;stroke-width:0.5;" x1="452.5" x2="540.5" y1="27.2969" y2="27.2969"/></g><g id="elem_SelectedCandidate"><rect fill="#F1F1F1" height="44.5938" style="stroke:#181818;stroke-width:0.5;" width="145" x="336" y="132.45"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="131" x="343" y="147.4451">SelectedCandidate</text><line style="stroke:#181818;stroke-width:0.5;" x1="337" x2="480" y1="152.7469" y2="152.7469"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="68" x="342" y="169.742">candidate</text></g><g id="elem_GMN4"><path d="M6,142.18 L6,167.3128 A0,0 0 0 0 6,167.3128 L301,167.3128 A0,0 0 0 0 301,167.3128 L301,160.18 L335.72,154.75 L301,152.18 L301,152.18 L291,142.18 L6,142.18 A0,0 0 0 0 6,142.18 " fill="#FEFFDD" style="stroke:#181818;stroke-width:0.5;"/><path d="M291,142.18 L291,152.18 L301,152.18 L291,142.18 " fill="#FEFFDD" style="stroke:#181818;stroke-width:0.5;"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="274" x="12" y="159.2469">C&#237;l - zm&#283;na zobrazen&#237; zvolen&#233;ho kandid&#225;ta</text></g><g id="elem_CandidateList"><rect fill="#F1F1F1" height="68.8906" style="stroke:#181818;stroke-width:0.5;" width="107" x="532" y="120.3"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="93" x="539" y="135.2951">CandidateList</text><line style="stroke:#181818;stroke-width:0.5;" x1="533" x2="638" y1="140.5969" y2="140.5969"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="76" x="538" y="157.592">candidates</text><line style="stroke:#181818;stroke-width:1.0;" x1="533" x2="638" y1="164.8937" y2="164.8937"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="50" x="538" y="181.8889">onVote</text></g><g id="elem_Candidate"><rect fill="#F1F1F1" height="85.1875" style="stroke:#181818;stroke-width:0.5;" width="84" x="543.5" y="266.19"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="70" x="550.5" y="281.1851">Candidate</text><line style="stroke:#181818;stroke-width:0.5;" x1="544.5" x2="626.5" y1="286.4869" y2="286.4869"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="39" x="549.5" y="303.482">name</text><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="41" x="549.5" y="319.7789">avatar</text><line style="stroke:#181818;stroke-width:1.0;" x1="544.5" x2="626.5" y1="327.0806" y2="327.0806"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="50" x="549.5" y="344.0757">onVote</text></g><g id="elem_VoteButton"><rect fill="#F1F1F1" height="68.8906" style="stroke:#181818;stroke-width:0.5;" width="93" x="539" y="428.38"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="79" x="546" y="443.3751">VoteButton</text><line style="stroke:#181818;stroke-width:0.5;" x1="540" x2="631" y1="448.6769" y2="448.6769"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="32" x="545" y="465.672">label</text><line style="stroke:#181818;stroke-width:1.0;" x1="540" x2="631" y1="472.9738" y2="472.9738"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="50" x="545" y="489.9689">onClick</text></g><g id="elem_GMN10"><path d="M667,450.26 L667,458.82 L632.35,462.82 L667,466.82 L667,475.3928 A0,0 0 0 0 667,475.3928 L894,475.3928 A0,0 0 0 0 894,475.3928 L894,460.26 L884,450.26 L667,450.26 A0,0 0 0 0 667,450.26 " fill="#FEFFDD" style="stroke:#181818;stroke-width:0.5;"/><path d="M884,450.26 L884,460.26 L894,460.26 L884,450.26 " fill="#FEFFDD" style="stroke:#181818;stroke-width:0.5;"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="206" x="673" y="467.3269">Zdroj ud&#225;losti - kliknut&#237; u&#382;ivatele</text></g><!--link HomePage to SelectedCandidate--><g id="link_HomePage_SelectedCandidate"><path codeLine="24" d="M451.39,38.35 C433.9,45.52 415.67,56.58 405.5,73.3 C394.83,90.85 395.9984,108.936 400.1284,126.126 " fill="none" id="HomePage-to-SelectedCandidate" style="stroke:#181818;stroke-width:1.0;"/><polygon fill="#181818" points="401.53,131.96,403.3168,122.2746,400.362,127.0983,395.5382,124.1435,401.53,131.96" style="stroke:#181818;stroke-width:1.0;"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="135" x="406.5" y="86.3669">{selectedCandidate}</text></g><!--reverse link HomePage to CandidateList--><g id="link_HomePage_CandidateList"><path codeLine="25" d="M522.6713,47.4157 C532.1713,55.7457 538.45,62.34 546.5,73.3 C556.97,87.57 565.85,105.08 572.48,120.12 " fill="none" id="HomePage-backto-CandidateList" style="stroke:#181818;stroke-width:1.0;"/><polygon fill="#181818" points="518.16,43.46,522.2899,52.4012,521.9194,46.7564,527.5642,46.386,518.16,43.46" style="stroke:#181818;stroke-width:1.0;"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="119" x="558.5" y="86.3669">onVote(candidate)</text></g><!--reverse link CandidateList to Candidate--><g id="link_CandidateList_Candidate"><path codeLine="26" d="M585.5,195.49 C585.5,217.97 585.5,241.69 585.5,265.71 " fill="none" id="CandidateList-backto-Candidate" style="stroke:#181818;stroke-width:1.0;"/><polygon fill="#181818" points="585.5,189.49,581.5,198.49,585.5,194.49,589.5,198.49,585.5,189.49" style="stroke:#181818;stroke-width:1.0;"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="130" x="586.5" y="232.2569">onVote(candidateId)</text></g><!--reverse link Candidate to VoteButton--><g id="link_Candidate_VoteButton"><path codeLine="27" d="M585.5,357.73 C585.5,381.82 585.5,405.65 585.5,428.19 " fill="none" id="Candidate-backto-VoteButton" style="stroke:#181818;stroke-width:1.0;"/><polygon fill="#181818" points="585.5,351.73,581.5,360.73,585.5,356.73,589.5,360.73,585.5,351.73" style="stroke:#181818;stroke-width:1.0;"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="55" x="586.5" y="394.4469">onClick()</text></g><!--SRC=[TL2nJiD03DtlAposm_r0X1Z80X834X83cvEOzfhBMKgS3gdw9KoC3Fq5bi1_uHvSGrgndEzPxzb-ZuiDbGAttD03hiZm3tuahuMg74FbAXI2dG4e4p9x4rYRdbu4CiZ7WmSBG_Fv6X06BbeSA8m76BRizVE-PgYZTdmJJ3jEi-zT9_FvdG9hzU7mn77TkIRo0pQa1RSesFudEQARNeH3r7Wio4_StBkoJdPQjreV_JnNBM-WrsizT-BKMkrT7NfHI_tNXzDzceynAJKTTdqPMGQxxhotdpHNriuZo7vFNvnYM9fvHZF99Vsk-YE8vCbxbhmkbjy0]--></g></svg>
\ No newline at end of file
diff --git a/daweb/react/pokrocila-komunikace/potomci.md b/daweb/react/pokrocila-komunikace/potomci.md
index 2cb3d396..670f1f78 100644
--- a/daweb/react/pokrocila-komunikace/potomci.md
+++ b/daweb/react/pokrocila-komunikace/potomci.md
@@ -58,8 +58,7 @@ https://kroki.io/plantuml/svg/eNp1UbFOwzAQ3f0VN7ZDfiBCqCILSAxISAxsTny0bhyfFF86pK
 
 -->
 
-::fig{src=assets/hierarchie-komponent.svg}
-
+::fig{src=assets/hierarchie-komponent.png}
 
 ## Prop drilling v praxi