{"version":3,"file":"clubLobby.js","mappings":"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","sources":["webpack://new_ui/./src/components/Buttons/ListButton.js","webpack://new_ui/./src/components/Icons/GameType.js","webpack://new_ui/./src/components/Lobby/Bubble.js","webpack://new_ui/./src/components/RenderedObjectGrid.js","webpack://new_ui/./src/data/clubsConstants.js","webpack://new_ui/./src/hooks/useFetchs/useClubLobbyFetch.js","webpack://new_ui/./src/components/ClubLobby/SearchClub.js","webpack://new_ui/./src/components/ClubLobby/ListClub.js","webpack://new_ui/./src/components/ClubLobby/CardClub.js","webpack://new_ui/./src/pages/clubs/ClubLobby.js"],"sourcesContent":["import React from 'react';\n\nexport default function ListButton(props) {\n  return (\n    <div\n      className={`btn-blue flex h-full w-full cursor-pointer items-center justify-center whitespace-nowrap rounded-2xl px-5 font-bold\n       text-sm ${props.className}`}>\n      <a href={props.path}>\n        {props.children}\n      </a>\n    </div>\n  );\n}\n","import React from \"react\";\n\nfunction GameTypeIcon(props) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"14\"\n      height=\"14\"\n      fill=\"none\"\n      viewBox=\"0 0 14 14\"\n    >\n      <circle cx=\"3.368\" cy=\"10.4\" r=\"2.767\" stroke={props.color || \"#24CAFF\"}></circle>\n      <circle cx=\"3.368\" cy=\"2.466\" r=\"1.633\" stroke={props.color || \"#24CAFF\"}></circle>\n      <path\n        stroke={props.color || \"#24CAFF\"}\n        d=\"M11.868 11.466a1.633 1.633 0 100-3.266 1.633 1.633 0 000 3.266zM9.602 5.8a1.633 1.633 0 100-3.267 1.633 1.633 0 000 3.266zM3.375 8.134V3.6M5.17 8.603l3.205-3.206M6.1 9.93h4.533\"\n      ></path>\n    </svg>\n  );\n}\n\nexport default GameTypeIcon;","import React from \"react\";\r\n\r\nconst bubbleStyles = [\r\n  \"h-content\",\r\n  \"background-text-tile\",\r\n  \"flex\",\r\n  \"h-[36px]\",\r\n  \"flex-row\",\r\n  \"items-center\",\r\n  \"gap-x-2\",\r\n  \"min-[1300px]:max-w-[100px]\",\r\n  \"min-[1400px]:max-w-[140px]\",\r\n].join(\" \");\r\n\r\nexport const Bubble = (props) => {\r\n  const { children, label } = props;\r\n  return (\r\n    <span className={bubbleStyles}>\r\n      {children}\r\n      <p className=\"truncate secondary-bold-text text-shadow-tile\">{label}</p>\r\n    </span>\r\n  );\r\n};\r\n","import React from \"react\";\n\nexport default function RenderedObjectGrid({ objects, render }) {\n  return (\n    <div\n      className=\"mt-[40px] grid w-full\n      grid-cols-1 place-content-center gap-4 pb-10 min-[1024px]:max-w-[1450px] min-[1024px]:grid-cols-2 min-[2300px]:max-w-[2200px] min-[2300px]:grid-cols-3\"\n    >\n      {objects.map((item, key) => (\n        <div key={key}>\n          {render(item)}\n        </div>\n      ))}\n    </div>\n  );\n}\n","export const SORTCLUBS = { 'Created at Asc': 'created_at', 'Created at Desc': '-created_at' };\r\n\r\nexport const SUSPENDED = 'SUSPENDED';\r\nexport const ACTIVE = 'ACTIVE';\r\nexport const CLOSED = 'CLOSED';\r\n","import React, {useEffect, useState} from \"react\";\r\nimport getCookie from \"../../utils/getCookie\";\r\nimport {ERC721_TOKEN_NFT, PASSWORD} from \"../../data/tournamentsConstants\";\r\nimport axios from \"axios\";\r\nimport {OPEN} from \"../../data/constants\";\r\nimport {SORTCLUBS} from \"../../data/clubsConstants\";\r\n\r\n\r\nconst useClubLobbyFetch = ({setClubs, setIsLoading, }) => {\r\n  const [token, setToken] = useState(false);\r\n  const [nft, setNft] = useState(false);\r\n  const [open, setOpen] = useState(false);\r\n  const [password, setPassword] = useState(false);\r\n  const [search, setSearch] = useState(\"\");\r\n  const [order, setOrder] = useState(\"Created at Asc\");\r\n  const [myClub, setMyClub] = useState(false);\r\n\r\n  const filterOptions = [\r\n    { name: \"Token\", active: token, setActive: setToken },\r\n    { name: \"NFT\", active: nft, setActive: setNft },\r\n    { name: \"Password\", active: password, setActive: setPassword },\r\n    { name: \"Open\", active: open, setActive: setOpen },\r\n    { name: \"My Clubs\", active: myClub, setActive: setMyClub, loginRequired: true},\r\n  ];\r\n\r\n  const fetchData = async () => {\r\n    setIsLoading(true);\r\n    const formData = new FormData();\r\n    const csrftoken = getCookie(\"csrftoken\");\r\n    if (token) {\r\n      formData.append(\"registration_type\", \"TOKEN\");\r\n    }\r\n    if (nft) {\r\n      formData.append(\"registration_type\", ERC721_TOKEN_NFT);\r\n    }\r\n    if (password) {\r\n      formData.append(\"registration_type\", PASSWORD);\r\n    }\r\n    if (open) {\r\n      formData.append(\"registration_type\", OPEN);\r\n    }\r\n    if (myClub) {\r\n      formData.append(\"my_clubs\", \"MY_CLUBS\");\r\n    }\r\n    if (search) {\r\n      formData.append(\"search\", search);\r\n    }\r\n    if (order) {\r\n      formData.append(\"order\", SORTCLUBS[order]);\r\n    }\r\n\r\n    const response = await axios.post(\"/clubs/lobby\", formData, {\r\n      headers: {\r\n        \"content-type\": \"multipart/form-data\",\r\n        \"X-CSRFToken\": csrftoken,\r\n      },\r\n    });\r\n    const clubs = response?.data?.clubs;\r\n    if (clubs) {\r\n      setClubs(clubs);\r\n      setIsLoading(false);\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    fetchData();\r\n  }, [\r\n    token,\r\n    nft,\r\n    password,\r\n    order,\r\n    search,\r\n    myClub,\r\n    open,\r\n  ]);\r\n\r\n  return {\r\n    fetchData,\r\n    search,\r\n    setSearch,\r\n    order,\r\n    setOrder,\r\n    filterOptions,\r\n  };\r\n};\r\n\r\nexport default useClubLobbyFetch;\r\n","import axios from \"axios\";\r\nimport React from \"react\";\r\nimport SearchBase from \"../Lobby/SearchBase\";\r\nimport {SORTCLUBS} from \"../../data/clubsConstants\";\r\nimport useClubLobbyFetch from \"../../hooks/useFetchs/useClubLobbyFetch\";\r\n\r\nexport default function SearchClub({\r\n  selectedGrid,\r\n  setSelectedGrid,\r\n  setClubs,\r\n  setIsLoading,\r\n  href\r\n}) {\r\n  const {fetchData, search, setSearch, order, setOrder, filterOptions} = useClubLobbyFetch({setClubs, setIsLoading});\r\n  return (\r\n    <SearchBase\r\n      fetchData={fetchData}\r\n      filterOptions={filterOptions}\r\n      selectedGrid={selectedGrid}\r\n      setSelectedGrid={setSelectedGrid}\r\n      search={search}\r\n      setSearch={setSearch}\r\n      order={order}\r\n      setOrder={setOrder}\r\n      sortOptions={SORTCLUBS}\r\n      app={\"Club\"}\r\n      href={href}\r\n      showButton={true}\r\n    />\r\n  );\r\n}\r\n","import React, { useState } from 'react';\r\nimport ListButton from '../Buttons/ListButton';\r\nimport 'moment-timezone'\r\nimport {truncateText} from \"../../utils/strings\";\r\n\r\nexport default function ListClubs({ clubs }) {\r\n  const columnNameStyles = 'flex font-medium text-xs text-white vl items-center justify-center';\r\n  const columnContentStyles =\r\n    'flex font-medium text-xs text-white vl items-center justify-center text-center break-words';\r\n  const columnNames = [\r\n    'Clubs Name',\r\n    'Members',\r\n    'Registration Type',\r\n  ];\r\n\r\n\r\n  return (\r\n    <div className=\"mt-[64px] w-full overflow-x-auto\">\r\n      <div className=\"w-[919px] lg:w-full\">\r\n        <div\r\n          className=\"radial-inverted-blue-gradient grid h-[77px] grid-cols-4 items-center justify-between\r\n        rounded-2xl\">\r\n          {columnNames.map((name, key) => (\r\n            <div key={key} className={columnNameStyles}>{name}</div>\r\n          ))}\r\n          <div className=\"flex items-center justify-center text-xs font-medium text-white\">\r\n            Details\r\n          </div>\r\n        </div>\r\n        {clubs.map((item, key) => (\r\n          <div\r\n            className=\"mt-0.5 grid h-[48px] grid-cols-4 items-center rounded-2xl bg-[#2E2F45] text-center\"\r\n            key={key}>\r\n            <span className={columnContentStyles}>{truncateText(item.name, 40)}</span>\r\n            <span className={columnContentStyles}>\r\n                500\r\n            </span>\r\n            <span className={columnContentStyles}>{item.verbose_registration_type}</span>\r\n            <span className=\"flex items-center justify-center h-full text-xs text-center text-white\">\r\n              <ListButton path={item.path} className=\"max-w-[200px] h-[25px] mx-4\">Go to Club Page</ListButton>\r\n            </span>\r\n          </div>\r\n        ))}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n","import GameTypeIcon from \"../Icons/GameType\";\r\nimport React from \"react\";\r\nimport {Bubble} from \"../Lobby/Bubble\";\r\n\r\nconst getBackground = ({ banner }) => {\r\n  return {\r\n    background: `url(${banner})`,\r\n    backgroundSize: \"cover\",\r\n    backgroundPosition: \"center\",\r\n    backgroundRepeat: \"no-repeat\",\r\n    borderRadius: \"12px\",\r\n  };\r\n};\r\n\r\nconst cardStyle = `grid w-full grid-cols-2 gap-2 min-[1300px]:flex min-[1300px]:flex-row min-[1300px]:gap-x-4\r\n  lg:grid lg:grid-cols-2 lg:gap-2 min-[650px]:flex min-[650px]:flex-row min-[650px]:gap-x-4`;\r\n\r\n\r\nexport default function CardClub(props) {\r\n  const { club } = props;\r\n\r\n  return (\r\n    <a href={club.path}>\r\n      <div\r\n        className=\"gradient-border-mask-yellow mx-auto h-full min-h-[320px] w-full max-w-[750px] shadow-lg\"\r\n        style={getBackground({ banner: club?.banner })}\r\n      >\r\n        <div className=\"mb-2 flex h-full flex-col p-[25px]\">\r\n          <h2 className=\"title drop-shadow\">\r\n            {club.name}\r\n          </h2>\r\n          <div className=\"flex items-end h-full\">\r\n            <div className=\"flex flex-row justify-between w-full gap-x-4\">\r\n              <div className={cardStyle}>\r\n                {club?.registration_type && (\r\n                  <Bubble\r\n                    label={`${club.verbose_registration_type}`}\r\n                  >\r\n                    <GameTypeIcon color=\"#00FFB2\" />\r\n                  </Bubble>\r\n                )}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </a>\r\n  );\r\n}\r\n","import React, { useState } from \"react\";\r\nimport ReactDom from \"react-dom/client\";\r\nimport AppLayout from \"../../components/AppMenu/AppLayout\";\r\n\r\n\r\nimport {ClipLoader} from \"react-spinners\";\r\nimport SearchClub from \"../../components/ClubLobby/SearchClub\";\r\nimport ListClubs from \"../../components/ClubLobby/ListClub\";\r\nimport RenderedObjectGrid from \"../../components/RenderedObjectGrid\";\r\nimport CardClub from \"../../components/ClubLobby/CardClub\";\r\n\r\n\r\nexport default function ClubLobby() {\r\n  const [selectedGrid, setSelectedGrid] = useState(true);\r\n  const [fetchedClubs, setFetchedClubs] = useState([]);\r\n  const [isLoading, setIsLoading] = useState(false);\r\n\r\n  return (\r\n    <div className=\"flex flex-col items-center w-full p-6 lg:py-0 lg:px-6\">\r\n      <SearchClub\r\n        selectedGrid={selectedGrid}\r\n        setSelectedGrid={setSelectedGrid}\r\n        clubs={fetchedClubs}\r\n        setClubs={setFetchedClubs}\r\n        setIsLoading={setIsLoading}\r\n        href=\"/clubs/create\"\r\n      />\r\n      <div className=\"mt-[0px] sm:mt-[40px] flex w-full max-w-[1450px] min-[2300px]:max-w-[2200px] justify-center sm:justify-start items-center\">\r\n        <p className=\"text-[27px] lg:text-[50px] font-poppins font-bold text-white hidden sm:block\">Club Lobby</p>\r\n      </div>\r\n      {\r\n        isLoading ? <div className=\"flex w-full justify-center items-center h-[200px]\">\r\n            <ClipLoader color=\"#00FFCB\" />\r\n          </div> :\r\n\r\n          (fetchedClubs.length === 0 ? (\r\n            <div className={\"mt-[100px] font-bold text-white lg:mt-[200px]\"}>\r\n              There are no clubs to show\r\n            </div>\r\n          ) : selectedGrid ? (\r\n            <RenderedObjectGrid\r\n              objects={fetchedClubs}\r\n              render={(club) => CardClub({ club })}\r\n            />\r\n          ) : (\r\n            <ListClubs clubs={fetchedClubs}/>\r\n          ) )\r\n      }\r\n    </div>\r\n  );\r\n}\r\n\r\nconst root = ReactDom.createRoot(document.getElementById(\"react\"));\r\n\r\nroot.render(\r\n  <AppLayout>\r\n    <ClubLobby />\r\n  </AppLayout>\r\n);\r\n"],"names":["ListButton","props","className","href","path","children","xmlns","width","height","fill","viewBox","cx","cy","r","stroke","color","d","Bubble","label","RenderedObjectGrid","objects","render","map","item","key","SORTCLUBS","SUSPENDED","ACTIVE","CLOSED","i","setClubs","setIsLoading","useState","token","setToken","nft","setNft","open","setOpen","password","setPassword","search","setSearch","order","setOrder","myClub","filterOptions","name","active","setActive","loginRequired","fetchData","formData","FormData","csrftoken","getCookie","append","ERC721_TOKEN_NFT","PASSWORD","OPEN","axios","headers","clubs","response","data","useEffect","SearchClub","selectedGrid","setSelectedGrid","useClubLobbyFetch","SearchBase","sortOptions","app","showButton","ListClubs","columnContentStyles","columnNames","truncateText","verbose_registration_type","getBackground","banner","background","backgroundSize","backgroundPosition","backgroundRepeat","borderRadius","root","ReactDom","document","getElementById","AppLayout","fetchedClubs","setFetchedClubs","isLoading","ClipLoader","length","club","style","registration_type","GameType"],"sourceRoot":""}