Skip to content
This repository has been archived by the owner on Mar 23, 2024. It is now read-only.

Commit

Permalink
add: new loader
Browse files Browse the repository at this point in the history
  • Loading branch information
nmashchenko committed Jul 10, 2023
1 parent 7749f6a commit 9627f09
Show file tree
Hide file tree
Showing 7 changed files with 9 additions and 15 deletions.
11 changes: 7 additions & 4 deletions client/public/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@
}

.svgLoader {
animation: spin 0.5s linear infinite;
animation: spin 1s ease-in-out infinite;
margin: auto;
}

Expand Down Expand Up @@ -78,9 +78,12 @@
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root">
<div class="divLoader">
<svg class="svgLoader" viewBox="0 0 100 100" width="10em" height="10em">
<path stroke="none" d="M10 50A40 40 0 0 0 90 50A40 42 0 0 1 10 50" fill="#46A11B" transform="rotate(179.719 50 51)"><animateTransform attributeName="transform" type="rotate" calcMode="linear" values="0 50 51;360 50 51" keyTimes="0;1" dur="1s" begin="0s" repeatCount="indefinite"></animateTransform></path>
</svg>

<svg class="svgLoader" width="103" height="40" viewBox="0 0 103 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.162 38.8C12.766 38.8 12.442 38.674 12.19 38.422C11.938 38.17 11.812 37.846 11.812 37.45V8.50598H1.984C1.624 8.50598 1.318 8.37998 1.066 8.12798C0.814 7.87598 0.688 7.56998 0.688 7.20998V2.34998C0.688 1.95398 0.814 1.62998 1.066 1.37798C1.318 1.12598 1.624 0.999983 1.984 0.999983H30.28C30.676 0.999983 31 1.12598 31.252 1.37798C31.504 1.62998 31.63 1.95398 31.63 2.34998V7.20998C31.63 7.56998 31.504 7.87598 31.252 8.12798C31 8.37998 30.676 8.50598 30.28 8.50598H20.506V37.45C20.506 37.846 20.38 38.17 20.128 38.422C19.876 38.674 19.552 38.8 19.156 38.8H13.162ZM86.397 39.34C82.941 39.34 80.043 38.836 77.703 37.828C75.399 36.82 73.653 35.506 72.465 33.886C71.277 32.266 70.647 30.538 70.575 28.702C70.575 28.414 70.683 28.162 70.899 27.946C71.115 27.694 71.385 27.568 71.709 27.568H77.487C77.955 27.568 78.315 27.676 78.567 27.892C78.819 28.072 79.053 28.306 79.269 28.594C79.521 29.206 79.917 29.8 80.457 30.376C81.033 30.952 81.807 31.438 82.779 31.834C83.751 32.194 84.957 32.374 86.397 32.374C88.737 32.374 90.483 31.996 91.635 31.24C92.823 30.484 93.417 29.458 93.417 28.162C93.417 27.226 93.093 26.47 92.445 25.894C91.833 25.318 90.843 24.796 89.475 24.328C88.143 23.86 86.361 23.356 84.129 22.816C81.429 22.24 79.125 21.502 77.217 20.602C75.345 19.666 73.923 18.478 72.951 17.038C72.015 15.562 71.547 13.744 71.547 11.584C71.547 9.42399 72.141 7.51598 73.329 5.85998C74.517 4.16798 76.191 2.85398 78.351 1.91798C80.511 0.945983 83.085 0.459983 86.073 0.459983C88.485 0.459983 90.609 0.783983 92.445 1.43198C94.317 2.07998 95.865 2.92598 97.089 3.96998C98.349 5.01398 99.303 6.12998 99.951 7.31799C100.599 8.50599 100.941 9.65798 100.977 10.774C100.977 11.062 100.869 11.332 100.653 11.584C100.437 11.8 100.167 11.908 99.843 11.908H93.795C93.435 11.908 93.111 11.836 92.823 11.692C92.535 11.548 92.301 11.296 92.121 10.936C91.905 9.99998 91.257 9.18998 90.177 8.50598C89.133 7.78598 87.765 7.42598 86.073 7.42598C84.309 7.42598 82.905 7.74998 81.861 8.39798C80.853 9.04598 80.349 10.036 80.349 11.368C80.349 12.232 80.601 12.97 81.105 13.582C81.645 14.158 82.527 14.68 83.751 15.148C85.011 15.58 86.667 16.066 88.719 16.606C91.887 17.254 94.461 18.028 96.441 18.928C98.421 19.828 99.879 20.998 100.815 22.438C101.751 23.842 102.219 25.624 102.219 27.784C102.219 30.196 101.535 32.266 100.167 33.994C98.835 35.722 96.981 37.054 94.605 37.99C92.265 38.89 89.529 39.34 86.397 39.34Z" fill="white"/>
<path d="M50.8101 39.34C48.2901 39.34 46.0581 39.052 44.1141 38.476C42.2061 37.864 40.6041 37.036 39.3081 35.992C38.0121 34.912 37.0401 33.67 36.3921 32.266C35.7441 30.826 35.4201 29.26 35.4201 27.568C35.4201 25.516 35.9241 23.734 36.9321 22.222C37.9401 20.71 39.2181 19.54 40.7661 18.712C39.5061 17.884 38.5161 16.84 37.7961 15.58C37.1121 14.284 36.7701 12.79 36.7701 11.098C36.7701 9.04598 37.2921 7.22798 38.3361 5.64398C39.3801 4.05998 40.9281 2.79998 42.9801 1.86398C45.0681 0.927983 47.6781 0.459983 50.8101 0.459983C53.9061 0.459983 56.4801 0.927983 58.5321 1.86398C60.5841 2.76398 62.1321 4.00598 63.1761 5.58998C64.2201 7.17398 64.7421 8.99198 64.7421 11.044C64.7421 12.736 64.4001 14.23 63.7161 15.526C63.0321 16.822 62.0601 17.884 60.8001 18.712C62.4561 19.504 63.7701 20.674 64.7421 22.222C65.7141 23.77 66.2001 25.57 66.2001 27.622C66.2001 29.854 65.6241 31.852 64.4721 33.616C63.3201 35.38 61.5921 36.784 59.2881 37.828C56.9841 38.836 54.1581 39.34 50.8101 39.34ZM50.8101 33.13C52.0701 33.13 53.2221 32.914 54.2661 32.482C55.3101 32.014 56.1201 31.366 56.6961 30.538C57.3081 29.71 57.6141 28.738 57.6141 27.622C57.6141 26.47 57.3081 25.498 56.6961 24.706C56.1201 23.878 55.3101 23.248 54.2661 22.816C53.2221 22.348 52.0701 22.114 50.8101 22.114C49.5141 22.114 48.3441 22.348 47.3001 22.816C46.2921 23.248 45.4821 23.878 44.8701 24.706C44.2581 25.498 43.9521 26.47 43.9521 27.622C43.9521 28.738 44.2581 29.71 44.8701 30.538C45.4821 31.366 46.2921 32.014 47.3001 32.482C48.3441 32.914 49.5141 33.13 50.8101 33.13ZM50.8101 16.228C51.9261 16.192 52.9341 15.976 53.8341 15.58C54.7341 15.184 55.4541 14.644 55.9941 13.96C56.5341 13.24 56.8041 12.412 56.8041 11.476C56.8041 10.504 56.5341 9.67598 55.9941 8.99198C55.4901 8.27198 54.7881 7.71398 53.8881 7.31799C52.9881 6.92198 51.9621 6.72398 50.8101 6.72398C49.6581 6.72398 48.6141 6.92198 47.6781 7.31799C46.7781 7.71398 46.0761 8.27198 45.5721 8.99198C45.0681 9.67598 44.8161 10.504 44.8161 11.476C44.8161 12.448 45.0681 13.294 45.5721 14.014C46.0761 14.698 46.7781 15.238 47.6781 15.634C48.6141 16.03 49.6581 16.228 50.8101 16.228Z" fill="#5BD424"/>
</svg>

</div>
</div>
<!--
Expand Down
4 changes: 1 addition & 3 deletions client/src/api/hooks/sidebar/useReadMessages.js
Original file line number Diff line number Diff line change
Expand Up @@ -12,9 +12,7 @@ export const useReadMessages = () => {

return useMutation(readMessages, {
mutationKey: 'readMessages',
onSuccess: () => {
console.log('success!')
},
onSuccess: () => {},
onError: (error) => {
// set error message
errorToaster(error)
Expand Down
5 changes: 1 addition & 4 deletions client/src/api/hooks/socket/useLoadSocket.js
Original file line number Diff line number Diff line change
Expand Up @@ -10,14 +10,11 @@ export const useLoadSocket = () => {
const dispatch = useDispatch()

function onConnect() {
console.log('connected')
// setIsConnected(true)
socket.emit('subscribeToNotifications', JSON.stringify({ id: userId }))
}

function onDisconnect() {
console.log('disconnecting...')
}
function onDisconnect() {}

useEffect(() => {
if (userId) {
Expand Down
1 change: 0 additions & 1 deletion client/src/api/hooks/temeights/useLoadUsers.js
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,6 @@ export const useLoadUsers = () => {
}

const getUsersFiltered = async ({ pageParam = 1 }) => {
console.log(normalizedFilters)
const filtersQuery = filteredQueryMaker.users(
normalizedFilters.countries,
normalizedFilters.concentrations,
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,6 @@ const MultiStepRegistration = ({
isFinishingRegistration,
submitForm,
}) => {
console.log(isFinishingRegistration)
const [oneOfOptionalFieldsHasValue, setOneOfOptionalFieldsHasValue] = useState(false)

const { step, isOptionalStep } = useSelector((state) => state.registrationReducer)
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,6 @@ const SearchByRange = ({ currFilter, currFilterIndex, setFilterValue }) => {

const handleChange = (value) => {
if (!currFilter.value || currFilter.value[0] !== value[0] || currFilter.value[1] !== value[1]) {
console.log(1)
setFilterValue(currFilterIndex, value)
}
}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,6 @@ const CustomSelectAutocomplete = ({
if (reason === 'removeOption') {
setFieldValue(field.name, option)
} else if (reason === 'selectOption') {
console.log(option)
setFieldValue(field.name, option)
}
}
Expand Down

0 comments on commit 9627f09

Please sign in to comment.