From 1119c1a8df2349843184643145c8856339c18b3d Mon Sep 17 00:00:00 2001 From: BFlat Date: Wed, 8 Mar 2023 15:38:16 +0700 Subject: [PATCH] respnsive channels page --- .../video-thumbnails/placeholder-pfp.jpg | Bin 0 -> 3028 bytes .../placeholder-thumbnail.webp | Bin 0 -> 3850 bytes .../fakeyou.com/src/scss/site-refresh.scss | 46 +++++++++++- .../fakeyou.com/src/v2/view/PageContainer.tsx | 20 +++-- .../src/v2/view/pages/channels/Channels.tsx | 70 ++++++++++++++++++ 5 files changed, 130 insertions(+), 6 deletions(-) create mode 100644 packages/fakeyou.com/public/video-thumbnails/placeholder-pfp.jpg create mode 100644 packages/fakeyou.com/public/video-thumbnails/placeholder-thumbnail.webp create mode 100644 packages/fakeyou.com/src/v2/view/pages/channels/Channels.tsx diff --git a/packages/fakeyou.com/public/video-thumbnails/placeholder-pfp.jpg b/packages/fakeyou.com/public/video-thumbnails/placeholder-pfp.jpg new file mode 100644 index 0000000000000000000000000000000000000000..3fe205844384d858efaeb948442c628fe498b9fe GIT binary patch literal 3028 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 literal 0 HcmV?d00001 diff --git a/packages/fakeyou.com/public/video-thumbnails/placeholder-thumbnail.webp b/packages/fakeyou.com/public/video-thumbnails/placeholder-thumbnail.webp new file mode 100644 index 0000000000000000000000000000000000000000..a0c62e86c52eb45508f79052967f02721f466fc7 GIT binary patch literal 3850 zcmWIYbaP|kXJ80-bqWXzuu%BM$G{-az&MvtYYE#PX1j?V^LBTG*?=SGj}>i9?T9 z*s-NvE{upP)nC<8zE$0)=aI4HES@(9^@%7~)+#XC&!{uqF~JQ~I&GQN(A4ZF*!`Y} zQp+rwBUR^zauTTE(tA^sf9@9Z;ZvLEG@0Qq;EI~Jd$N9i#JO?yS@wrdBhNXc?B(44 z)r?^2SU&T9T)bw<<{OLeF{B*h*v1#*e=Ot0jiy}Fy>p%jZX{5i9-4LUTz+ueMSa7L z?mO*ubxiKupXW53T>Iv^LNB3GSmfHb;;LEq4#<3Icu{4^p6aeK#l~i}bH6_QAy@^Z`sSybuUwg7zBi{~(KK(`QC7A-f?homCnc0|;zrZ+B<@qV(-u zz&112vO|k4?$3AgkFz&3G$*L;f6I2xH&4hQar$(^b?kg~ksPPsIPVJ*LG0YI4NE7y zUDKYMVx6rB%#1e|U02ez*u8GkZT);AEAJNLPivklOjsIu&QY3(+(TBKKU(w;{i1&~ zZIIdE9TbVbX92^%{~LEPFoYdoAP>kN_{Xv#vX%SHqWe}!?p*)gXFS`HxqSD|hrC>j z3B8}s-Rb0EX0qOPU+Ht|LdK;RCR#5PU!K9h!h3EF_kramI$PXcJiNPZlDHPPGK142 zk<+ba@&cmIY--ikZ4uFxVPM(%wEC0!f%%L6pUYaZNV}xXa`v^GoA{;u&-pPhKc83Q zz+Jqg*+(f#WL~ZX17rX4`<5$SzWv!fP4Em~%O-h#*V&Ov!^5NnKV)BgDC=Tf!N4rS zx97+d=l|*#9#_^&3x8+$b-Zfk{M{|3tG?8;h?K~kTu}b$uGJV++*EDCzkT}KJwpQ%cMJ8Ik52n~`5ny00nP9Rdq48>R z!yb3JS-uHByX&8KZ@a;D)#ncbLt$vY;QOmyN?!twx(l5F3Zn;{wv7;fPpKoc-p^Mw?7e^wg)^2;4O(hROZ9g zc71XGw|AQh#B;@My>wRDwck8p9q{Q1bMMk`Q~f?aFU#pT9AaWVfq{MI?FUvyik(-j z9lt#Ezq^=&fuTob($P1!qwBo#?{Wo)a^*+lzvG+Izz{2=Vz6G={)EgPk6+(o-fZxF z{(^yF0mtLVT9dZeT$$;T_w4YuH)kSCq=Y7wYb|igUTC&|wdTqa1+B#|P8Tltc}wcy zlLiJM``z|A-Jyp2CdRJ%y(+L~{%oC$ne(DqHQRd4raCU;C~A1dov9v?dcUAa{K%te J { - + /> + + + + @@ -441,8 +451,8 @@ class PageContainer extends React.Component { - + +
+ Channel Thumbnail +
+ + +
+
+ Channel Profile +
+
+
Channel Title
+

Channel Name

+
+
+ + + ); + + return ( + + + Channels + + +
+ {videoBlock} + {videoBlock} + {videoBlock} + {videoBlock} + {videoBlock} + {videoBlock} + {videoBlock} + {videoBlock} + {videoBlock} +
+ + ); +} + +export { ChannelsPage };