thiscodeWorks - Organizing the best of code online

@IBAction func eyeButtonPressed(_ sender: Any) {
        if passwordTextField.isSecureTextEntry == false {
            passwordTextField.isSecureTextEntry = true
            eyeImageView.image = UIImage(systemName: "eye.slash")
        } else {
            passwordTextField.isSecureTextEntry = false
            eyeImageView.image = UIImage(systemName: "eye")
        }
        eyeImageView.setImageColor(color: UIColor.gray)
    }

#react #show #hide #substring #paragraph #content

tranverse classes in a list

const selected = querySelector('selected');
  const prev =
    selected.previousElementSibling || this.modalImages.lastElementChild;
  selected.classList.remove('selected');
  prev.classList.add('selected');

#git #show #stash

Choosing Your Stash - Learn Git the Hard Way

git stash show stash@{0}

#react #show #hide #substring #paragraph #content

React show para content substring

import React, { useState } from 'react';

const Tour = ({ id, image, info, name, price, removeTour }) => {
  const [readMore, setReadMore] = useState(false);
  return (
    <article className="single-tour">
      <img src={image} alt={name} />
      <footer>
        <div className="tour-info">
          <h4>{name}</h4>
          <h4 className="tour-price">${price}</h4>
        </div>
        <p>
          {readMore ? info : `${info.substring(0, 200)}...`}
          <button onClick={() => setReadMore(!readMore)}>
            {readMore ? 'show less' : '  read more'}
          </button>
        </p>
        <button className="delete-btn" onClick={() => removeTour(id)}>
          not interested
        </button>
      </footer>
    </article>
  );
};

export default Tour;

Password hide show on Eye Button click

tranverse classes in a list

Choosing Your Stash - Learn Git the Hard Way

React show para content substring

Save snippets that work with our extensions