From d6cb9bcb8e6cb1ae59e4887b063334dc4f0215ea Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Sun, 19 Apr 2020 17:23:22 +0700
Subject: [PATCH] removed examples folder

---
 .../examples/EditorExample/index.tsx          | 71 ---------------
 .../examples/EditorExample/styles.scss        | 87 ------------------
 .../examples/HorizontalExample/index.tsx      | 59 ------------
 .../examples/HorizontalExample/styles.scss    | 91 -------------------
 .../examples/ImageExample/index.tsx           | 30 ------
 .../examples/ImageExample/styles.scss         | 53 -----------
 6 files changed, 391 deletions(-)
 delete mode 100644 src/containers/examples/EditorExample/index.tsx
 delete mode 100644 src/containers/examples/EditorExample/styles.scss
 delete mode 100644 src/containers/examples/HorizontalExample/index.tsx
 delete mode 100644 src/containers/examples/HorizontalExample/styles.scss
 delete mode 100644 src/containers/examples/ImageExample/index.tsx
 delete mode 100644 src/containers/examples/ImageExample/styles.scss

diff --git a/src/containers/examples/EditorExample/index.tsx b/src/containers/examples/EditorExample/index.tsx
deleted file mode 100644
index ef5bbce5..00000000
--- a/src/containers/examples/EditorExample/index.tsx
+++ /dev/null
@@ -1,71 +0,0 @@
-import React, { FC } from 'react';
-import classNames from 'classnames';
-import { Card } from '~/components/containers/Card';
-import * as styles from './styles.scss';
-import { Group } from '~/components/containers/Group';
-import { CellGrid } from '~/components/containers/CellGrid';
-import { Panel } from '~/components/containers/Panel';
-import { Scroll } from '~/components/containers/Scroll';
-import { Tags } from '~/components/node/Tags';
-import { Button } from '~/components/input/Button';
-import { Filler } from '~/components/containers/Filler';
-import { InputText } from '~/components/input/InputText';
-import { Icon } from '~/components/input/Icon';
-import { Grid } from '~/components/containers/Grid';
-
-interface IProps {}
-
-const EditorExample: FC<IProps> = () => (
-  <Card className={styles.wrap} seamless>
-    <Group horizontal className={styles.group} seamless>
-      <div className={styles.editor}>
-        <Panel className={classNames(styles.editor_panel, styles.editor_image_panel)}>
-          <Scroll>
-            <CellGrid className={styles.editor_image_container} size={200}>
-              <div className={styles.editor_image} />
-              <div className={styles.editor_image} />
-              <div className={styles.editor_image} />
-              <div className={styles.editor_image} />
-            </CellGrid>
-          </Scroll>
-        </Panel>
-
-        <Panel>
-          <Grid columns="1fr" stretchy>
-            <Card className={styles.feature_card}>
-              <div className={styles.cover} />
-            </Card>
-          </Grid>
-        </Panel>
-      </div>
-
-      <div className={styles.panel}>
-        <Panel>
-          <Group>
-            <InputText title="Заголовок" />
-
-            <Tags
-              tags={[
-                { title: 'Избранный' },
-                { title: 'Плейлист' },
-                { title: 'Просто' },
-                { title: '+ фото' },
-                { title: '+ с музыкой' },
-              ]}
-            />
-          </Group>
-        </Panel>
-
-        <Panel stretchy />
-
-        <Panel>
-          <Button iconRight="play" stretchy>
-            Submit?
-          </Button>
-        </Panel>
-      </div>
-    </Group>
-  </Card>
-);
-
-export { EditorExample };
diff --git a/src/containers/examples/EditorExample/styles.scss b/src/containers/examples/EditorExample/styles.scss
deleted file mode 100644
index aad4e49e..00000000
--- a/src/containers/examples/EditorExample/styles.scss
+++ /dev/null
@@ -1,87 +0,0 @@
-.wrap {
-  align-items: stretch;
-  justify-content: center;
-  display: flex;
-  background: $editor_bg;
-  flex: 1;
-}
-
-.group {
-  display: flex;
-  align-items: stretch !important;
-  justify-content: stretch;
-  //flex: 1;
-}
-
-.panel {
-  background: $editor_panel_bg;
-  flex: 1;
-  border-radius: $radius;
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: column;
-}
-
-.editor {
-  flex: 2;
-  display: flex;
-  align-items: stretch;
-  flex-direction: column;
-}
-
-.editor_image_panel {
-  flex: 1;
-}
-
-.editor_image_container {
-  flex: 1;
-}
-
-.editor_image {
-  background: transparentize(white, 0.95);
-  padding-bottom: 100%;
-  border-radius: $radius;
-}
-
-.feature_card {
-  height: 120px;
-  background: darken($main_bg_color, 6%);
-  color: transparentize(white, 0.5);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  text-transform: uppercase;
-  font: $font_18_semibold;
-  box-shadow: none;
-  padding: 0;
-}
-
-.cover {
-  border-radius: $radius;
-  background: url("http://37.192.131.144/full/attached/2017/11/f01fdaaea789915284757634baf7cd11.jpg");
-  flex: 1;
-  height: 120px;
-  background-size: cover;
-  opacity: 0.3;
-}
-
-.panel_main {
-  flex: 1;
-  display: flex;
-}
-
-.close_icon {
-  height: 24px;
-  width: 24px;
-  background: transparentize(white, 0.95);
-  flex: 0 0 24px;
-  border-radius: $radius;
-}
-
-.views {
-  div {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-}
diff --git a/src/containers/examples/HorizontalExample/index.tsx b/src/containers/examples/HorizontalExample/index.tsx
deleted file mode 100644
index 45ce0935..00000000
--- a/src/containers/examples/HorizontalExample/index.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-import React, { FC } from 'react';
-import { Card } from '~/components/containers/Card';
-import * as styles from './styles.scss';
-import { Padder } from '~/components/containers/Padder';
-import { Group } from '~/components/containers/Group';
-import { InputText } from '~/components/input/InputText';
-import { Button } from '~/components/input/Button';
-import { Filler } from '~/components/containers/Filler';
-import { Icon } from '~/components/input/Icon';
-
-interface IProps {}
-
-const HorizontalExample: FC<IProps> = () => (
-  <div className={styles.wrap}>
-    <Card seamless className={styles.card}>
-      <div className={styles.editor}>
-        <div className={styles.uploads}>
-          <div className={styles.cell} />
-          <div className={styles.cell} />
-          <div className={styles.cell} />
-          <div className={styles.cell} />
-          <div className={styles.cell} />
-          <div className={styles.cell} />
-        </div>
-
-        <Padder className={styles.features}>
-          <Group horizontal>
-            <div className={styles.feature_add_btn}>
-              <Icon icon="plus" />
-            </div>
-
-            <div className={styles.feature}>
-              <Group horizontal>
-                <div>ОБЛОЖКА</div>
-                <Icon icon="close" />
-              </Group>
-            </div>
-
-            <Filler />
-
-            <div className={styles.feature_cell}>
-              <Icon icon="cell-single" size={24} />
-            </div>
-          </Group>
-        </Padder>
-      </div>
-
-      <Padder className={styles.panel}>
-        <Group horizontal>
-          <InputText title="Название" />
-
-          <Button title="Сохранить" iconRight="check" />
-        </Group>
-      </Padder>
-    </Card>
-  </div>
-);
-
-export { HorizontalExample };
diff --git a/src/containers/examples/HorizontalExample/styles.scss b/src/containers/examples/HorizontalExample/styles.scss
deleted file mode 100644
index f28ba120..00000000
--- a/src/containers/examples/HorizontalExample/styles.scss
+++ /dev/null
@@ -1,91 +0,0 @@
-.wrap {
-  flex: 1;
-  align-items: center;
-  justify-content: center;
-  display: flex;
-  flex-direction: column;
-}
-
-.card {
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  background: darken($content_bg, 4%);
-  box-shadow: transparentize(black, 0.7) 0 10px 5px;
-}
-
-.editor {
-  background: $content_bg;
-  min-height: 200px;
-  min-width: 50vw;
-
-  border-radius: $radius;
-  display: flex;
-  align-items: stretch;
-  justify-content: stretch;
-  flex-direction: column;
-  flex: 1;
-
-  @include outer_shadow();
-}
-
-.panel {
-}
-
-.features {
-  display: flex;
-}
-
-.feature_add_btn {
-  width: 40px;
-  height: 40px;
-  border-radius: 24px;
-  background: $red_gradient;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.feature {
-  background: lighten($content_bg, 4%);
-  padding: $gap $gap $gap 20px;
-  border-radius: 24px;
-  font: $font_14_semibold;
-  height: 40px;
-  box-sizing: border-box;
-}
-
-.feature_cell {
-  background: lighten($content_bg, 4%);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 40px;
-  width: 40px;
-  box-sizing: border-box;
-  border-radius: $radius;
-}
-
-.uploads {
-  flex: 1;
-  padding: $gap;
-  // padding-bottom: 0;
-  display: grid;
-  align-items: center;
-  justify-content: center;
-  grid-column-gap: $gap;
-  grid-row-gap: $gap;
-
-  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
-
-  @media (max-width: 600px) {
-    grid-template-columns: repeat(auto-fill, minmax(30vw, 1fr));
-  }
-}
-
-.cell {
-  background: lighten($content_bg, 6%);
-  border-radius: $radius;
-  padding-bottom: 100%;
-}
diff --git a/src/containers/examples/ImageExample/index.tsx b/src/containers/examples/ImageExample/index.tsx
deleted file mode 100644
index 53ba8cb5..00000000
--- a/src/containers/examples/ImageExample/index.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import React, { FC } from 'react';
-import range from 'ramda/es/range';
-import { Card } from '~/components/containers/Card';
-import * as styles from './styles.scss';
-import { Group } from '~/components/containers/Group';
-import { Padder } from '~/components/containers/Padder';
-import { Comment } from '~/components/node/Comment';
-import { NodePanel } from '~/components/node/NodePanel';
-import { NodeRelated } from '~/components/node/NodeRelated';
-import { Tags } from '~/components/node/Tags';
-import { NodeNoComments } from '~/components/node/NodeNoComments';
-import { ImageSwitcher } from '~/components/node/ImageSwitcher';
-
-interface IProps {}
-
-const ImageExample: FC<IProps> = () => <Card className={styles.node} seamless></Card>;
-
-export { ImageExample };
-
-/*
-<Padder className={styles.buttons}>
-  <Group>
-    <MenuButton title="На главной" description="плывет по течению" icon="star" />
-
-    <MenuButton title="Видно всем" icon="star" />
-
-    <MenuButton title="Редактировать" icon="star" />
-  </Group>
-</Padder>
- */
diff --git a/src/containers/examples/ImageExample/styles.scss b/src/containers/examples/ImageExample/styles.scss
deleted file mode 100644
index 1aaeca6d..00000000
--- a/src/containers/examples/ImageExample/styles.scss
+++ /dev/null
@@ -1,53 +0,0 @@
-.image_container {
-  width: 100%;
-  background: $node_image_bg;
-  border-radius: $panel_radius 0 0 $panel_radius;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  .image {
-    max-height: 800px;
-    opacity: 1;
-    width: 100%;
-    border-radius: $radius $radius 0 0;
-  }
-}
-
-.content {
-  align-items: stretch !important;
-
-  @include vertical_at_tablet;
-}
-
-.comments {
-  flex: 3 1;
-}
-
-.panel {
-  flex: 1 3;
-  display: flex;
-  align-items: flex-start;
-  justify-content: flex-start;
-  padding-left: $gap / 2;
-
-  @include tablet {
-    padding-left: 0;
-  }
-}
-
-.node {
-  background: $node_bg;
-  box-shadow: $node_shadow;
-}
-
-.image {
-  background: red;
-}
-
-.buttons {
-  background: $node_buttons_bg;
-  flex: 1;
-  border-radius: $panel_radius;
-  box-shadow: $comment_shadow;
-}