utils#sortStringDates TypeScript Examples

The following examples show how to use utils#sortStringDates. You can vote up the ones you like or vote down the ones you don't like, and go to the original project or source file by following the links above each example. You may check out the related API usage on the sidebar.
Example #1
Source File: index.ts    From exevo-pan with The Unlicense 6 votes vote down vote up 
static async postMail(purchase: AdvertisePurchase): Promise<string> {
    const withFormattedDates: AdvertisePurchase = {
      ...purchase,
      selectedDates: purchase.selectedDates
        .map(mmddyyyy2ddmmyyy)
        .sort(sortStringDates),
    }
    try {
      const response = await fetch(this.mailChekoutUrl, {
        method: 'POST',
        headers: {
          Accept: 'application/json',
          'Content-Type': 'application/json',
        },
        body: JSON.stringify(withFormattedDates),
      })

      const { uuid } = await response.json()

      return uuid
    } catch (error: unknown) {
      return uuidv4()
    }
  }
Example #2
Source File: index.tsx    From exevo-pan with The Unlicense 4 votes vote down vote up 
Summary = () => {
  const {
    translations: { advertise },
  } = useTranslations()

  const { selectedCharacter, selectedDates, paymentMethod } = useForm()

  const formattedDates = useMemo(
    () => selectedDates.map(mmddyyyy2ddmmyyy).sort(sortStringDates),
    [selectedDates],
  )

  return (
    <section className="card grid gap-4 p-4">
      <h2
        className="border-separator -mb-1 flex items-center border-solid pb-1 text-2xl"
        style={{ borderWidth: 0, borderBottomWidth: 1 }}
      >
        <ReceiptIcon className="fill-onSurface mr-1.5" />
        {advertise.PaymentDetails.Summary.title}
      </h2>

      <div>
        <Strong>
          {selectedCharacter?.nickname}{' '}
          <a
            href={`https://www.tibia.com/charactertrade/?subtopic=currentcharactertrades&page=details&auctionid=${selectedCharacter?.id}&source=overview`}
            target="_blank"
            rel="noreferrer noopener"
            className="text-tsm text-onSurface relative font-light tracking-widest"
          >
            (#{selectedCharacter?.id})
          </a>
        </Strong>
        <SubText>{advertise.PaymentDetails.Summary.auctionedCharacter}</SubText>
      </div>

      <div>
        <Strong>
          {selectedDates.length}{' '}
          <Tooltip
            className="w-[160px]"
            content={
              <>
                <p className="mb-2 font-bold">
                  {advertise.PaymentDetails.Summary.datesTooltipText}
                </p>

                <ul className="grid gap-[3px] text-left">
                  {formattedDates.map((fullDate) => (
                    <li
                      key={fullDate}
                      className="before:mr-[3px] before:font-bold before:content-['ยท']"
                    >
                      {fullDate}
                    </li>
                  ))}
                </ul>
              </>
            }
          >
            <Strong
              className="border-onSurface inline border-dashed"
              style={{ borderWidth: 0, borderBottomWidth: 1 }}
            >
              {
                advertise.PaymentDetails.Summary[
                  selectedDates.length > 1 ? 'days' : 'day'
                ]
              }
            </Strong>
          </Tooltip>
        </Strong>
        <SubText>{advertise.PaymentDetails.Summary.durationText}</SubText>
      </div>

      <div>
        <Strong>
          {readablePrice.full[paymentMethod](
            calculatePrice(selectedDates.length, paymentMethod).totalPrice,
          )}
        </Strong>
        <SubText>{advertise.PaymentDetails.Summary.costText}</SubText>
      </div>
    </section>
  )
}