Page MenuHomePhabricator

Refactor main code
Closed, ResolvedPublic

Assigned To
Authored By
Khr2003
Sep 2 2021, 11:24 AM
Referenced Files
F34664753: image.png
Oct 2 2021, 8:19 AM
F34629322: image.png
Sep 2 2021, 5:13 PM
F34629523: image.png
Sep 2 2021, 5:13 PM
F34629541: image.png
Sep 2 2021, 5:13 PM
F34629539: image.png
Sep 2 2021, 5:13 PM
F34629535: image.png
Sep 2 2021, 5:13 PM
F34629546: image.png
Sep 2 2021, 5:13 PM
F34629267: image.png
Sep 2 2021, 12:32 PM

Description

This task is to monitor refactoring code development.
Many improvements will be added. For example:

  • Breaking home.jsx page into smaller file
  • Using react functional components
  • Updating packages
  • Adding better ESLint rules for react

Details

Related Changes in Gerrit:

Event Timeline

Change 716255 had a related patch set uploaded (by Khr2003; author: Khr2003):

[labs/tools/VideoCutTool@master] Major update. Refactor code

https://gerrit.wikimedia.org/r/716255

Thanks! (For good practices and better reviewability, in the future I recommend to write small, atomic commits. Just saying. :) )

@Aklapper

Totally fair point. I was trying to improve the trim UI and then ended up with a code overwrite.

Here is an online version of the tool (somewhat older than the code I pushed): https://videocuttools.herokuapp.com/

and this is a screenshot:

image.png (842×1 px, 1 MB)

Hi @Khr2003, That's so nice!! I've tried out the tool and this new look and feel seems AMAZING! I've noted few things and would like to hear your thoughts on them :)

  • As shown in the below image, Video player seems to be placed top of the screen, May be adding a little bit of padding would look good?

image.png (972×1 px, 603 KB)

  • As per the below image, the video trimmer sliders can't be set to below 3sec for this video and for the another video it's 12sec's, How is this lower limit generating? I think we also need to provide the option to users for manually entering the From and To trim options along with this sliders for their accuracy purpose.
image.png (268×1 px, 71 KB)
image.png (172×1 px, 60 KB)
  • Seems like the tool isn't properly fit in the mobile screens?

image.png (1×576 px, 203 KB)

  • How about moving the footer credits from the sidebar to the main screen?
  • Icons are same here, we may change the icon for the split in to multiple videos option.
image.png (162×1 px, 18 KB)
image.png (113×1 px, 13 KB)
  • We can change the string from "Choose locale" to "Choose your language", when the user clicks on the language dropdown?
Gopavasanth changed the task status from Open to In Progress.Sep 16 2021, 6:19 PM

@Gopavasanth
I fixed the issues. The design is mobile ready. I am not sure why you are seeing this. There should be a hamburger menu icon to toggle sidebar.

Thanks @Khr2003

  • In light theme the footer is not visible
    image.png (84×1 px, 8 KB)
  • Jenkins is failing so how about removing "src/App.test.js" if this is not so useful for us?

Change 716255 merged by jenkins-bot:

[labs/tools/VideoCutTool@master] Combine backend and worker with frontend

https://gerrit.wikimedia.org/r/716255