From 9fc1434b5cc209230d6290a17f1ccbb253ba984a Mon Sep 17 00:00:00 2001 From: Ste Vadis Date: Thu, 14 Sep 2023 16:42:16 +0300 Subject: [PATCH] more code --- .env | 2 +- src/index.css | 13 +++++++ src/socket.jsx | 4 +-- src/ui/icons.jsx | 87 +++++++++++++++++++++++++++++++++++++++++++++++ src/view/Home.jsx | 16 ++++++--- src/view/Poll.jsx | 59 +++++++++++++++++++++----------- 6 files changed, 153 insertions(+), 28 deletions(-) diff --git a/.env b/.env index 0efd8b0..4ace3ec 100644 --- a/.env +++ b/.env @@ -1 +1 @@ -WDS_SOCKET_PORT=4000 +WDS_SOCKET_PORT=443 diff --git a/src/index.css b/src/index.css index 6eb15f4..3112def 100644 --- a/src/index.css +++ b/src/index.css @@ -5,6 +5,19 @@ @tailwind components; @tailwind utilities; +/* @import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&display=swap'); */ +/* font-family: 'Comfortaa', cursive; */ + +/* @import url('https://fonts.googleapis.com/css2?family=Jura:wght@300&display=swap'); */ +/* font-family: 'Jura', sans-serif; */ + +/* @import url('https://fonts.googleapis.com/css2?family=Sofia+Sans+Semi+Condensed:wght@300&display=swap'); */ +/* font-family: 'Sofia Sans Semi Condensed', sans-serif; */ + +/* @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,300&display=swap'); */ +/* font-family: 'Roboto Flex', sans-serif; */ + + @layer base { h1 { @apply text-4xl; diff --git a/src/socket.jsx b/src/socket.jsx index b933535..08a42af 100644 --- a/src/socket.jsx +++ b/src/socket.jsx @@ -6,7 +6,7 @@ const options = { secure: false }; -const URL = 'http://localhost:4000'; -// const URL = 'https://pollback.vaidis.eu'; +// const URL = 'http://localhost:4000'; +const URL = 'https://pollback.vaidis.eu'; export const socket = io(URL, options); diff --git a/src/ui/icons.jsx b/src/ui/icons.jsx index 5b08db2..4f4262d 100644 --- a/src/ui/icons.jsx +++ b/src/ui/icons.jsx @@ -123,3 +123,90 @@ export const IconPlus = () => + + +export const IconLock = () => + + + +export const IconUnlock = () => + + + +export const IconTimer = () => + + + + + + + + + + +export const IconGroup = () => + + + + + +export const IconUser3 = () => + + + + +export const IconClock = () => + + + +export const IconAnonymous = () => + + + + + + diff --git a/src/view/Home.jsx b/src/view/Home.jsx index b7a501c..65d9239 100644 --- a/src/view/Home.jsx +++ b/src/view/Home.jsx @@ -32,11 +32,17 @@ const Home = (props) => { { list && list.map((item, index) => { return ( -
  • - ☆ {item.title} - ({item.users}) - {item.anonymous ? anonymous : {item.user}} -
    • +
  • + +
    +
    ☆ {item.title}
    +
    + ({item.users}) + {item.anonymous ? anonymous : {item.user}} +
    +
    + +
    • ) }) } diff --git a/src/view/Poll.jsx b/src/view/Poll.jsx index c9ee14a..860ff0d 100644 --- a/src/view/Poll.jsx +++ b/src/view/Poll.jsx @@ -8,8 +8,12 @@ import { ViberIcon, LinkedinShareButton, LinkedinIcon, + TwitterShareButton, + TwitterIcon, + WhatsappShareButton, + WhatsappIcon, TelegramShareButton, - TwitterShareButton } from "react-share"; + TelegramIcon } from "react-share"; import { Title } from "../ui/title"; import Answers from './Answers' @@ -82,7 +86,7 @@ function Poll(props) {

    Share the poll URL to the voters

    -
    +
    {FRONT_URL}/poll/{id}
    @@ -94,30 +98,45 @@ function Poll(props) {
    Copied
    -
    + +
    +
    - - - + + +
    +
    - - - + + +
    +
    - - - + + +
    + +
    + + + +
    + +
    + + + +
    + +
    + + + +
    +