Socket
Socket
Sign inDemoInstall

react-video-timelines-slider

Package Overview
Dependencies
39
Maintainers
1
Versions
13
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 1.1.4 to 1.1.5

2

package.json
{
"name": "react-video-timelines-slider",
"version": "1.1.4",
"version": "1.1.5",
"description": "Time Slider component for React",

@@ -5,0 +5,0 @@ "author": "Prakhar Shukla <prakharshukla@outlook.in>",

@@ -1,2 +0,1 @@

import { getMinutes } from "date-fns";
import PropTypes from "prop-types";

@@ -6,4 +5,2 @@ import React from "react";

const Tick = ({ tick, count, format }) => {
const isFullHour = !getMinutes(tick.value);
const tickLabelStyle = {

@@ -18,12 +15,8 @@ marginLeft: `${-(100 / count) / 2}%`,

<div
className={`react_time_range__tick_marker${
isFullHour ? "__large" : ""
}`}
className='react_time_range__tick_marker__large'
style={{ left: `${tick.percent}%` }}
/>
{isFullHour && (
<div className='react_time_range__tick_label' style={tickLabelStyle}>
{format(tick.value)}
</div>
)}
<div className='react_time_range__tick_label' style={tickLabelStyle}>
{format(tick.value)}
</div>
</>

@@ -30,0 +23,0 @@ );

@@ -26,3 +26,3 @@ import PropTypes from "prop-types";

: {
backgroundColor: "rgba(98, 203, 102, 0.5)",
backgroundColor: "rgba(98, 203, 102, 0.7)",
borderLeft: "1px solid #62CB66",

@@ -29,0 +29,0 @@ borderRight: "1px solid #62CB66",

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc